@charset "UTF-8";
@import "step";
/* 初始化*/
*{ margin: 0; padding: 0; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font: 0.24rem Helvetica Regular,Microsoft YaHei,sans-serif,Tahoma; color: $color; }
input { outline: none; }
u{
    text-decoration: none; 
}
em, i { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; color: $color;; font-family: STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif; outline: 0; }
a:hover { text-decoration: none; color: $color;}
a:active{color: $theme;}
img { border: none; -ms-interpolation-mode: bicubic; }
img[src='/newpage/images/img404.png'] { border: 0; width: auto !important; height: auto !important; -o-object-fit: cover !important; object-fit: cover !important; position: absolute; top: 50%; left: 50%; max-height: 40%; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; }
.clear:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.clear { zoom: 1; }
.bjfff{background: #fff !important;}
#warp { min-width: 320px; max-width: 750px; margin: 0 auto;  overflow: hidden; position: relative; font-size: 0.24rem; min-height: 100vh; }
.box_flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.box_flex_1 { -webkit-box-flex: 1; box-flex: 1; -ms-flex: 1; flex: 1; }
html { font-size: calc(100vw / 7.5); }
@media (min-width: 750px) { html { font-size: 100px; } }
@media (max-width: 280px) { html { font-size: 35px; } }
.content { min-height: calc(100vh - 3.7rem); position: relative; }
.noscroll{height: 100vh; overflow: hidden;}
.hide{display: none;}
.grecaptcha-badge { visibility: hidden; }
.icoimg{background: url("../images/icoimg.png") no-repeat center; background-size: 3.41rem auto; }
.icoadd1{background: url("../images/icoadd1.png") no-repeat center; background-size: 1.35rem auto; }
/*头部*/
.header_warp{
  .header_top{
    height: 0.9rem;
    background: #fff;
    display: flex;
    padding: 0 0.3rem;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    z-index: 10;
    .meun{
        height:0.24rem;width:0.3rem;background-position: -0.73rem -0.92rem;
        margin-right:0.15rem;
    }
    .logo{
        height: 0.29rem;
        display: block;
        img{
            height: 100%;
            display: block;
        }
    }
    .lab{
        border:1px solid #888888;
        border-radius: 0.05rem;
        height: 0.3rem;
        line-height: 0.3rem;
        padding: 0 0.1rem;
        color: #888888;
        font-size: 0.18rem;
        text-align: center;
        margin-left: 0.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        u{
            text-decoration: none;
        }
    }
    .flex{
        flex: 1;
        overflow: hidden;
        padding:0 0.15rem;
        position: relative;
        .btimg{
            width: 40%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-80% , -50%);
            img{
                width: 100%;
            }
        }
        .search{
            float: right;
            display: flex;
            height: 0.6rem;
            line-height: 0.6rem;
            align-items: center;
            padding:0 0.15rem;
            transition: width 0.2s linear;
            border-radius: 0.1rem;
            width: 0.6rem;
            background: #fff;
            position: relative;
            z-index: 1;
            .input{
                flex: 1;
                padding-right: 0.2rem;
                height: 100%;
                input{
                    width: 0;
                    overflow: hidden;
                    border:none;
                    display: block;
                    height: 100%;
                    // transition: width 0.2s linear;
                }
            }
            .but{
                display: block;
                height:0.36rem;width:0.36rem;background-position: 0 -0.95rem;
            }
            &.on{
                border:1px solid #eee;
                width: 87%;
                .input input{
                    width: 100%;
                }
            }
        }
    }
    .remind{
        width: 0.45rem;
        height: 0.45rem;
        background:url("../images/ico_remind.png") no-repeat center;
        background-size: 100% auto;
        display:block;
        cursor: pointer;
        margin-right:0.15rem;
        position: relative;
        u{
            width: 0.08rem;
            height: 0.08rem;
            top: 0px;
            left:initial;
            position: absolute;
            right: 0.05rem;
            background: #ff0000;
            border-radius: 50%;

        }
    }
    .layui-nav{
        background: none;
        padding: 0;
        height: 0.6rem;
        .layui-nav-item{
            line-height: 0.6rem;
        }
        .layui-nav-more{
            font-size: 0.24rem;
        }
        .layui-nav-child{
            top: 0.8rem;
            left: inherit;
            right: 0px;
            line-height: 0.6rem;
            font-size: 0.24rem;
            a{
                padding: 0 0.2rem;
            }
        }
        hr{
            margin: 0.1rem 0;
        }
       a{
        color: $color;
        padding: 0 0.2rem 0 0;
        font-size: 0.24rem;
       }
       .layui-nav-img{
        margin-right: 0.2rem;
        width: 0.55rem;
        height: 0.55rem;
       }
    }
    .userbtn{
      width: 0.55rem;
      height: 0.55rem;
      background: $theme;
      border-radius: 50%;
      overflow: hidden;
      .login{
        background-position: -1.06rem -1.45rem;
        width: 100%;
        height: 100%;
      }
      .name,img{
        width: 100%;
        height: 100%;
        display: block;
      }
    }
  }
  /* 导航*/
    .swiper_nav { 
        height: 0.7rem;   position: relative; padding: 0 0.4rem 0 0.3rem;
        .swiper-slide {width: auto; min-width: 0.8rem; margin-right: 0.3rem; line-height: 0.7rem; height: 0.7rem; position: relative; text-align: center;   }
        .swiper-slide.on{a {  color: $theme; font-weight: bold;}}
        .swiper-slide.on a:after { width: 100%; content: ''; height: 0.05rem;background: $theme; display: block; position: absolute;left: 0px; bottom: 0px; border-radius: 10px;}
        .swiper-slide a { display: inline-block; font-size: 0.28rem; position: relative; height: 0.7rem; font-weight: normal; padding: 0 0.05rem; }
        
        .switch_{
            position: absolute;
            right: 0.1rem;
            height: 100%;
            top: 0;
            width: 0.4rem;
            display: flex;
            align-items: center;
            justify-content: center;
            i{
                display: block;
                height:0.16rem;width:0.32rem;background-position: -0.64rem -1.42rem; 
            }
        }
    
    }
    .burger{
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top:0;
        left: 0;
        height:100vh;
        width: 100%;
        z-index: 8;
        display:none;
        .switch_nav{
            background-color: #fff;
            padding-bottom: 0.3rem;
            padding-top: 1rem;
            .lis{
                padding: 0.2rem 0.2rem 0.3rem 0.1rem;
                a{
                    padding: 0 0.18rem;
                    background: #ededed;
                    height: 0.55rem;
                    line-height: 0.55rem;
                    border-radius: 0.1rem;
                    display: block;
                    float: left;
                    margin:0.1rem 0 0.1rem 0.2rem;
                    &:active,&.on{
                        background: $themeopacity;
                        color: $theme;
                    }
                }
                
            }
            .hidebox{
                width: 50%;
                margin: 0 auto;
                i{
                    display: block;
                    margin: 0 auto;
                    height:0.16rem;width:0.32rem;background-position: -0.64rem -1.42rem; 
                }  
            }
        }
    }
}
.meunwarp{
    position: fixed;
    width: 100%;
    height: calc(100vh - 0.9rem);
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 5;
    display: none;
    &.show{
        display: block;
    }
    .bj{
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
    }
    .meunnav{
        position: absolute;
        left: 0;
        top:0;
        background: #fff;
        height:100%;
        width: 35%;
        overflow-y: auto;
        padding:0 0.2rem;
        // left: 50%;
        // transform: translateX(-50%);
        transition: all 0.2s linear;
        transform: translateX(-100%);
        &.active{
            transform: translateX(0%);
        }
        ul{
            padding: 0.2rem 0;
            margin-top: 0.9rem;
            li{
                padding-bottom: 0.2rem;
                .bt{
                    height: 0.6rem;
                    line-height: 0.6rem;
                    display: block;
                   white-space: nowrap;
                   text-overflow: ellipsis;
                   font-size: 0.28rem;
                   font-weight: bold;
                  i{
                    width: 0.45rem;
                    height: 0.45rem;
                    display: inline-block;
                    vertical-align: middle;
                    margin: -0.05rem 0.1rem 0 0;
                  }  
                  .ico1{background-position:  0 0;}
                  .ico2{background-position:  0 -0.5rem;}
                  .ico3{background-position:  0 -1rem;}
                  .ico4{background-position:  0 -1.5rem;}
                  .ico5{background-position:  0 -2rem;}
                  .ico6{background-position:  0 -2.5rem;}
                }
                .lis{
                    padding-left: 0.55rem;
                    a{
                        display: block;
                        line-height: 0.5rem;
                        width: 100%;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                    .on{
                        color: #0066ff;
                    }
                }
            }
        }
    }
}
.lazy{
    position: relative;
    background: #ededed;
    overflow: hidden;
    img{
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        // transition: all 0.2s linear;
    }
}
/*底部*/
 .footer{
    background: #121212;
    color: #fff;
    padding: 0.4rem 0.3rem;
    text-align: center;
    line-height: 0.4rem;
    a{
        color: #fff;
        &:active{
            color: $theme;
        }

    }
    span{
        padding: 0 0.05rem;
        display: inline-block;
        vertical-align: middle;
        margin-top: -0.05rem;
    }
    p{
        padding: 0.1rem 0;
    }
}
/*首页轮播*/
/* 轮播*/
.swiper_lunbox { 
    height:4rem;  
    background: #f3f3f3;
    .swiper-slide .img { position: relative; height:4rem; display: block; }
    .swiper-slide .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
    .swiper-slide .img .bt {  position: absolute; background: rgba(0, 0, 0, 0.6); height: 0.55rem; line-height: 0.55rem; color: #fff; overflow: hidden; bottom: 0; left: 0; width: 100%;}
    .swiper-slide .img .bt p{ width: 70%; display: block; padding: 0 0.2rem; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold;}
    .swiper-pagination {height: 0.1rem; bottom: 0.24rem; max-width: 2rem; left: inherit; right: 0.2rem; text-align: left; width: auto; font-size: 0;}
    .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: #fff; width: 0.1rem; height: 0.1rem; border-radius: 0; margin: 0 0.06rem; vertical-align: middle;  }
    .swiper-pagination .swiper-pagination-bullet-active { background: $theme;  }
 }
/*公共部分*/
.switch_bt1{
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: 0.28rem;
    overflow: hidden;
    padding: 0 0.3rem;
    .a{
        display: inline-block;
        vertical-align: middle;
        margin: 0 0.15rem;
        padding: 0 0.1rem;
        position: relative;
        margin-top: -0.02rem;
        u{
            text-decoration: none;
            font-size: 0.24rem;
        }
    }
  
    &.them{
        font-size: 0.3rem;
        font-weight: bold;
        .a{
            &::after{
                display: none;
                position: absolute;
                left: 0;
                width:0.83rem;
                bottom:0.03rem;
                height: 0.03rem;
                background: $theme;
                border-radius: 0.05rem;
                content: '';
            }
        }
    }
    &.them2{
        height: 0.8rem;
        line-height: 0.8rem;
        .a{
            &::after{
                display: none;
                position: absolute;
                left: 0;
                width: 100%;
                max-width: 0.83rem;
                bottom:0.03rem;
                height: 0.03rem;
                background: $theme;
                border-radius: 0.05rem;
                content: '';
            }
        }
    }
    .on{
        font-weight: bold;
        color: $theme;
        &::after{
            display: block !important;
        }
    }
  & + .Cont8{
    padding-top: 0.1rem;
  }  
}
.childnav{
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    font-size: 0.28rem;
    background: #f7f7f7;
    overflow: hidden;
    padding: 0 0.3rem;
    .swiper-slide {width: auto;     }
     .on{a {  color: $theme; font-weight: bold;}}
    .on a:after { width: 80%; content: ''; height: 0.05rem;background: $theme; display: block; position: absolute;left:10%; bottom: 0px; border-radius: 0.1rem;}
    .a{
        display: inline-block;
        vertical-align: middle;
        margin-right: 0.22rem;   display: inline-block; font-size: 0.28rem; position: relative; height: 0.7rem; font-weight: normal; padding: 0 0.05rem;
    }
    &.them{
        background: #fff;
    }
}
.childnav2{
    height: 0.45rem;
    line-height: 0.45rem;
    text-align: center;
    font-size: 0.22rem;
    overflow: hidden;
    padding: 0 0.3rem;
    .swiper-slide {width: auto;     }
     .on{a {  background: $theme; color: #fff;}}
    .a{
        border: solid 0.01rem #d4d4d4;
        display: block;
         margin-right: 0.2rem;   
         height: 0.42rem; 
         line-height: 0.42rem;
          padding: 0 0.1rem;
          border-radius: 0.1rem;
          overflow: hidden;
          min-width: 0.6rem;
          text-align: center;
         
    }
    
}
.swiper-child{
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    font-size: 0.26rem;
    overflow: hidden;
    padding: 0 0.3rem;
    .swiper-slide {width: auto;     }
     .on{a {  color: $theme; font-weight: bold;}}
     .swiper-container{
        height: 100%;
     }
    .a{
        display: inline-block;
        vertical-align: middle;
        margin-right: 0.3rem;  height: 100%;  display: inline-block;  position: relative;  font-weight: normal; padding: 0 0.1rem;
    }
    &.them{
        height: 0.55rem;
        padding-bottom: 0.05rem;
        .on a:after { width: 70%; content: ''; height: 0.05rem;background: $theme; display: block; position: absolute;left:15%; bottom: 0px; border-radius: 0.1rem;}
   
    }
    &.them2{
        height: 0.4rem;
        line-height: 0.4rem;
        padding: 0.1rem 0.3rem;
        font-size: 0.22rem;
        .a{
            background-color: #f2f2f2;
            border-radius: 0.05rem;
            padding: 0 0.2rem;
            min-width: 0.4rem;
            margin-right: 0.15rem;
            
        }
        .on{
            background-color: $theme;
            color: #fff;
            a{
                color: #fff;
            }
        }
    }
    
}
.add_morelink{
    width: 100%;
    background: #f1f1f1;
    height: 0.6rem;
    line-height: 0.6rem;
    display: block;
    border-radius: 0.05rem;
    text-align: center;
    margin: 0.2rem auto;
    color: #444444;
    &:active{
        color: #fff;
        background: $theme;
    }
}
.morelink{
    width: 90%;
    border:1px solid #e7e7e7;
    height: 0.64rem;
    line-height: 0.64rem;
    display: block;
    border-radius: 0.32rem;
    text-align: center;
    margin: 0.2rem auto;
    color: #007bff;
    &:active{
        color: #fff;
        background: $theme;
        color: #fff;
    } 
}
.Minbox{
    padding-bottom: 0.01rem;
    border-bottom: 0.1rem solid #f3f3f3;
   .dropload-down{
    padding: 0 0.3rem;
   } 
   .Cont2 + .Cont6{
      .list{
        li{
            &:nth-child(1){
                padding-top: 0;
            }
        }
      }
   }
   &:last-child{
    border:none;
   }
}
.title{
    height: 0.9rem;
    line-height: 0.9rem;
    padding: 0 0.3rem;
    overflow: hidden;
    .bt{
        float:left;
        font-size: 0.3rem;
        font-weight: bold;
    }
    .more{
        float: right;
        color: #969696;
        font-size: 0.2rem;
    }
    .report{
        color: #444444;
        font-size: 0.24rem;
        i{
            display: inline-block;
            vertical-align: middle;
            margin: -0.04rem 0.1rem 0 0;
            height:0.29rem;width:0.29rem;background-position: 0 -1.90rem;
        }
    }
    & + .switch_bt1{
        height: 0.5rem;
        line-height: 0.5rem;
        margin-top: -0.1rem;
    }
    & + .Cont2{
        padding-top: 0;
    }
    &+.childnav.them{
        margin-top: -0.2rem;
    }
}
.title2{
    height: 0.5rem;
    line-height: 0.5rem;
    padding: 0 0.3rem;
    overflow: hidden;
    padding-top: 0.2rem;
    & + .list{
        li{
            &:first-child{
                padding-top: 0.2rem;
            }
        }
    }
    .bt{
        float:left;
        font-size: 0.28rem;
        font-weight: bold;
        &::before{
            content: '';
            display: inline-block;
            vertical-align: middle;
            width: 0.08rem;
            height: 0.28rem;
            background: $theme;
            border-radius: 0.04rem;
            margin: -0.02rem 0.1rem 0 0;
        }
    }
    .more{
        float: right;
        color: #969696;
        font-size: 0.2rem;
    }
}
.score{
    font-size: 0.12rem; color: #666666;
    span { color: #ee3e31; font-style: italic; font-size: 0.36rem; font-weight: bold; font-family: SimHei; }
    span:first-child { font-size: 0.45rem; letter-spacing: -0.03rem; }
    span:last-child { padding-right: 0.05rem; }
}
.tabckbox{
    overflow: hidden;
    .tab:hover { opacity: 0.8; }
    .tab{
        overflow: hidden;
        display: block; float: left; padding: 0 0.08rem; min-height: 0.28rem; line-height: 0.28rem; border: solid 0.01rem #0066ff; color: #0066ff; border-radius: 0.05rem; font-size: 0.18rem; margin: 0.07rem 0.1rem 0.07rem 0;
    }
    .tab i { display: inline-block; vertical-align: middle; margin: -0.04rem 0.05rem 0 0; }
    .tab1 { background: #ffded1; border-color: #ffded1; color: #ff5116; }
    .tab2 { border-color: #009303; color: #009303; }
    .tab3 { border-color: #fd491f; color: #fd491f; }
    .tab3 i { height:0.16rem; width: 0.18rem; background-position: -1.15rem 0; }
    .tab3 { border-color: #fd491f; color: #fd491f; }
    .tab4 { background: #bfbf00; border-color: #bfbf00; color: #fff; padding: 0 0.05rem; }
    .tab5 { border-color: #ffb400; color: #ffb400; }
    .tab5 i { height: 0.15rem; width: 0.18rem; background-position: -0.91rem 0; }
    .tab6 i { height:0.18rem;width:0.15rem;background-position: -0.21rem 0;}
    .tab7 { border-color: #15c5ce; color: #15c5ce; }
    .tab8 { border-color: #007bff; color: #007bff; }
    .tab8 i { height:0.29rem;width:0.28rem;background-position: -0.58rem -1.9rem; transform: scale(0.8) ; margin-top: -0.02rem;}
}
.stare_pf{
    background: url("../images/icostar.png") no-repeat center;
    background-size:auto 0.5rem;
    width: 1.52rem;
    height: 0.23rem;
    background-position: 0 0;
    position: relative;
    overflow: hidden;
    .line{
        background: url("../images/icostar.png") no-repeat center;
        background-size:auto 0.5rem;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background-position: 0 -0.25rem;
    }

}
.switch_tab{
    overflow: hidden;
    padding: 0.1rem 0;
    .tab{
        padding: 0 0.2rem;
        background: #f3f3f3;
        height: 0.6rem;
        line-height: 0.6rem;
        border-radius: 0.05rem;
        display: block;
        float: left;
        margin:0.1rem 0.2rem 0.1rem 0rem;
        &:active,&.on{
            background: $themeopacity;
            color: $theme;
        }
    }
   
}
.switch_url{
     display: flex;
     justify-content: center;
     .tab{
        margin: 0 0.1rem;
        min-width: 1rem;
        text-align: center;
        font-size: 0.26rem;
        .ico{
            width: 0.6rem;
            height: 0.6rem;
            display: block;
            position: relative;
            margin: 0 auto;
            i{
                display: block;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                background: url("../images/icotab2.png") no-repeat center;
                background-size: auto 1.05rem;
                position: absolute;
            }
            .icotab1{height:0.45rem;width:0.36rem;background-position: 0 0;}
            .icotab2{height:0.45rem;width:0.37rem;background-position: -0.50rem 0;}
            .icotab3{height:0.44rem;width:0.43rem;background-position: -1.00rem 0;}
            .icotab4{height:0.45rem;width:0.42rem;background-position: -1.60rem 0;}
            .icotab5{height:0.44rem;width:0.44rem;background-position: -2.20rem 0;}
        }
        p{
            line-height: 0.4rem;
            width: 100%;
            overflow: hidden;
            height: 0.4rem;
        }
        &.on,&:active{
            color: $theme;
            font-weight: bold;
            .ico{
                i{
                    background-position-y: -0.6rem;
                }
            }
        }
     }
}

/* 分页*/
.page { 
     padding: 0.3rem 0.15rem; 
    display: -webkit-box; display: -ms-flexbox; display: flex;
     -webkit-box-pack: justify; -ms-flex-pack: justify;
      justify-content: space-between; font-size: 0.24rem;
    & > a { width: 18%; display: inline-block; line-height: 0.54rem; border-radius: 0.05rem; background: #efeff4; text-align: center; color: #626675; margin: 0 1%; }
    & > a.gray-page { background-color: #9195a3; border: none; }
    & > a:active,   span .cbtn a:active { background: #ddd; }
    & > a:nth-child(2) { width: 16%; }
    & > a:nth-child(4) { width: 16%; }
    & > a.over { color: #efeff4; }
    & > span { width: 18%; display: inline-block; line-height: 0.54rem; border-radius: 0.05rem; text-align: center; background: $theme; color: #fff; position: relative;   }
    & > span .cbtn { display: none; width: 100%; position: absolute; top: -1.25rem; left: 0; z-index: 10; height: 1.8rem; overflow-y: scroll; background: #fff; border-radius: 0.02rem; -webkit-box-shadow: 0 0 3px #bbb; box-shadow: 0 0 3px #bbb; }
    & > span .cbtn a { display: inline-block; text-align: center; line-height: 0.6rem; margin-bottom: 1px; width: 100%; background: #f6f6f6; color: #666; }
    & > span .cbtn .now { background: $theme; color: #fff; }
}
/* 暂无数据*/
.content_nodata{
   text-align: center;
   padding: 1rem 0.5rem;
   line-height: 0.6rem;
   img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    height: auto;
   }
   .bt{
    font-weight: bold;
    font-size: 0.3rem;
    padding-top: 0.3rem;
   }
   a{
    color: $theme;
   }
}

//  1
.Cont1{
    padding: 0 0.2rem ;
    .flex{
        display: flex;
        li{
          flex: 1;
          overflow: hidden;
        }
    }
    li{
        float: left;
        width: 20%;
        text-align: center;
        padding-bottom: 0.15rem;
      

    }
    .swiper-slide{
       margin-right: 0.2rem;
    }
    .lis{
        margin: 0 0.1rem;
        display: block;
        &:active{
            color: $theme;
            .ico{
                background: $theme;
                i{background-image: url("../images/icotabon.png");}
            }
        }
    }
    .ico{
        width: 0.8rem;
        height: 0.8rem;
        border-radius: 50%;
        margin:0 auto;
        background: #ededed;
        position: relative;
        i{
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            display: block;
            background: url("../images/icotab.png") no-repeat center;
            background-size: auto 1rem;
            width: 0.38rem; height: 0.38rem;
        }
        .ico1{ background-position: 0 0;}
        .ico2{ background-position: -0.5rem 0;}
        .ico3{ background-position: -1rem 0;}
        .ico4{width: 0.33rem; height: 0.33rem; background-position: -1.5rem 0;}
        .ico5{ background-position: -2rem 0;}
        .ico6{ background-position: -0 -0.5rem;}
        .ico7{ background-position: -0.5rem -0.5rem;}
        .ico8{width: 0.4rem; background-position: -1.0rem -0.5rem;}
        .ico9{ background-position: -1.5rem -0.5rem;}
        .ico10{background-position: -2.0rem -0.5rem;}
        .ico11{background-position: -2.5rem 0;}
        .ico12{width: 0.35rem; height: 0.44rem; background-position: -3.2rem 0;}
        .ico13{width: 0.38rem; height: 0.38rem; background-position: -3.2rem -0.55rem;}
        .ico14{width: 0.39rem; height: 0.33rem; background-position: -2.55rem -0.55rem;}
         
    }
    p{
        height: 0.5rem;
        line-height: 0.5rem;
        overflow: hidden;
        width: 100%;
        text-align: center;
    }
    .on{
        .lis{
            // color: $theme;
            .ico{
                background: $theme;
                i{background-image: url("../images/icotabon.png");}
            }
        }
    }

}
// 2
.Cont2{
    padding-top: 0.3rem;
    .swiper-slide{
        margin-right: 0.2rem;
        .lis{
            .lazy{
                height: 2.23rem;
            }
            .infor{
                padding: 0.13rem 0.2rem 0.2rem;
            }
            .lab_{ padding-bottom: 0.13rem ;}
           
        }
    }
    .lis{
        background-color: #ffffff;
        box-shadow: 0px 0.01rem 0.1rem 0px rgba(0, 0, 0, 0.1);
        border-radius: 0.05rem;
        margin: 0 0.3rem 0.3rem;
        .lazy{
            display: block;
            height: 2.8rem;
            width: 100%;
            border-radius: 0.05rem 0.05rem 0 0;
        }
        .infor{
            padding: 0.13rem 0.3rem 0.2rem;
        }
        .lab_{
           padding-bottom: 0.13rem ;
           align-items: center;
           .score{
            margin-top: -0.03rem;
           }
        }
        .bt{
            height: 0.5rem;
            line-height: 0.5rem;
            overflow: hidden;
            width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: block;
            font-size: 0.28rem;
            font-weight: bold;
        }
        .tex_{
            height: 0.4rem;
            line-height: 0.4rem;
            display: flex;
            overflow: hidden;
            p{
                flex: 1;
                overflow: hidden;
                padding-right: 0.1rem;
                font-size: 0.2rem;
                color: #949494;
            }
            .edition{
                .icoimg{
                    display: inline-block;
                    vertical-align: middle;
                    height:0.25rem;
                    margin: -0.02rem 0.05rem 0;
                    
                }
                .anzhuo{width:0.23rem;background-position: -0.87rem -0.28rem;}
                .ico{ width:0.20rem;background-position: -1.22rem -0.29rem;}
            }
        }
    }
}
.Cont3{
    .list{
        padding: 0 0.3rem;
        li{
            border-bottom: 1px solid #ebebeb;
            padding: 0.3rem 0 0.25rem 0;
            display: flex;
            .num{
                width: 0.35rem;
                height: 0.35rem;
                background: #bcbcbc;
                display: block;
                text-align: center;
                color: #fff;
                font-size: 0.24rem;
                line-height: 0.35rem;
                margin: 0.45rem 0.2rem 0 0;
            }
            .num1{background: #ff5555;}
            .num2{background: #ff9900;}
            .num3{background: #cc9900;}
            .lazy{
                width: 1.2rem;
                height: 1.2rem;
                border-radius: 0.25rem;
                display: block;
            }
            .infor{
              flex: 1;
              padding: 0 0.2rem;
              margin-top: -0.1rem;
              overflow: hidden;
              .bt{
                font-size: 0.28rem;
                font-weight: bold;
                height: 0.5rem;
                line-height: 0.5rem;
                white-space: nowrap;
                text-overflow: ellipsis;
                display: block;
                overflow: hidden;
              }
              .tabckbox{
                   padding: 0.01rem 0;
              }
              .p{
                font-size: 0.2rem;
                height: 0.4rem;
                line-height: 0.4rem;
                color: #949494;
                overflow: hidden;
              }
              .p_mfr{
                height: 0.4rem;
                line-height: 0.4rem;
                color: #ffb400;
                overflow: hidden;
                font-weight: bold;
                a{
                    color: #ffb400;
                }
              }

            }
            .btn{
                height: 0.6rem;
                line-height: 0.6rem;
                border-radius: 0.05rem;
                color: #fff;
                background: $theme;
                padding: 0 0.25rem;
                display: block;
                margin-top: 0.3rem;
                text-align: center;
                overflow: hidden;
            }
            .btn2{
                padding: 0.1rem 0.25rem;
                line-height: 0.3rem;
                margin-top: 0.2rem;
            }

        }
        .tablis{
            display: block;
            overflow: hidden;
            padding: 0;
          
        }
        
    }
    .zq_list{
        li{
            .btn{
                border-radius: 0.28rem;
                height: 0.55rem;
                line-height: 0.55rem;
            }
            .tabckbox .tab8{
                height: 0.4rem;
                line-height: 0.4rem;
                font-size: 0.25rem;
            }
        }
    }
    .title +.title2{
        padding-top: 0;
    }
    .title + .list{
       li{
         &:first-child{
            padding-top: 0;
         }
       }
    }
}
.Cont4{
    .lis{
        display: block;
        width: 1.2rem;
        margin-right: 0.39rem;
        .lazy{
            width: 1.2rem;
            height: 1.2rem;
            border-radius: 0.25rem;
            display: block;
        }
        p{
            height: 0.5rem;
            line-height: 0.5rem;
            font-size: 0.28rem;
            padding-top: 0.1rem;
            width: 100%;
            overflow: hidden;

            
        }
    }
}
.Cont5{
    .list{
        padding: 0 0.3rem 0.1rem 0.13rem;
       a{
        display: block;
        float: left;
        height: 0.6rem;
        line-height: 0.6rem;
        margin: 0 0 0.3rem 0.17rem;
        padding: 0 0.21rem;
        min-width: 0.5rem;
        border:1px solid #333333;
        color: #333333;
        border-radius: 0.05rem;
        &:nth-child(3n+1){border-color: $theme;&:active{background: $theme; color: #fff;}}
        &:nth-child(3n+2){border-color: #02be6e;&:active{background: #02be6e;color: #fff;}}
        &:nth-child(3n+3){border-color: #ff6c45;&:active{background: #ff6c45;color: #fff;}}
       
       } 
    }
}
.Cont6{
    .list{
        padding:0 0.3rem;
        li{
           padding: 0.2rem 0;
           border-bottom: 1px solid #f3f3f3;
           .name{
            height: 0.5rem;
            line-height: 0.5rem;
            overflow: hidden;
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 0.28rem;
           }
           .name_tex{
            height: 0.5rem;
            line-height: 0.5rem;
            overflow: hidden;
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 0.28rem;
            font-weight: normal;
           }
           .lazy{
            border-radius: 0.05rem;
            display: block;
           }
           .img_lis{
             height: 1.45rem;
             display: flex;
             justify-content: space-between;
             padding: 0.1rem 0;
             .lazy{
                width: 2.15rem;
                height: 1.45rem;
             }

           }
           .p{
             height: 0.4rem;
             line-height: 0.4rem;
             color: #666666;
             font-size: 0.22rem;
             overflow: hidden;
             display: flex;
             .flex1{
                flex: 1;
                overflow: hidden;

             }
             a{
                color: #666;
                padding-right: 0.2rem;
                &[href]:active{
                    color: $theme;
                }
             }
             span{
                padding-right: 0.2rem;
             }
             .fr{
                span{
                    padding-right: 0;
                    padding-left: 0.2rem;
                }
             }
             .pl{
                display: inline-block;
                vertical-align: middle;
                i{
                    display: inline-block;
                    vertical-align: middle;
                    height:0.22rem;width:0.22rem;background-position: -1.48rem 0;
                    margin: -0.01rem 0.07rem 0 0;
                }
                &:active{
                    color: $theme;
                    i{
                        background-position: -1.79rem 0;
                    }
                }
             }

           }
        }
        .them1{
            display: flex;
            padding: 0.2rem 0;
            .lazy{
                width: 2.5rem;
                height: 1.45rem;
            }
            .infor{
                flex: 1;
                overflow: hidden;
                margin-left: 0.2rem;
                position: relative;
                .name{
                    padding-top: 0;
                    margin-top: -0.04rem;
                    padding-bottom: 0.03rem;
                    white-space:normal;
                    height: auto;
                    @include multi-line-ellipsis(2,0.36rem)
                }
                .p{
                    width: 100%;
                    overflow: hidden;
                }
                .tex{
                    @include  multi-line-ellipsis(2, 0.34rem);
                    margin-bottom: 0.05rem;
                    min-height: 0.34rem;
                }
            }
        }
    }
    .title + .list{
        li{
            &:first-child{
                padding-top: 0;
            }
        }
    }
}
.Cont7{
    padding-bottom: 0.2rem;
    .title{
        height: 0.8rem;
        line-height: 0.8rem;
    }
    .list{
        padding-bottom: 0.1rem;
    }
  .switch_tab{
    padding: 0 0.3rem 0 0.1rem;
    .tab{
        margin-right: 0;
        margin-left: .2rem;
    }
  }  
}
.Cont8{
    .switch_bt1{
        padding-bottom: 0.2rem;
        margin-top: -0.2rem;
    }
    .lis{
        display: block;
        margin: 0 0.3rem;
        margin-bottom: 0.3rem;
        position: relative;
        border-radius: 0.1rem;
        overflow: hidden;
        &:last-child{
            margin-bottom: 0.1rem;
        }
        .imgbj{
            width: 100%;
            height: 3rem;
            display: block;
            border-radius: 0.1rem;
            overflow: hidden;
        }
        .infor{
            position: absolute;
            color: #eee;
            left: 0;
            bottom: 0;
            // height: 0.9rem;
            background: rgba(0, 0, 0, 0.6);
            width: 100%;
            display: flex;
            overflow: hidden;
            border-radius: 0.05rem;
            align-items: center;
            padding: 0.1rem 0;
            a{
                color: #fff;
                &:active{
                    color: $theme;
                }
            }
            .lazy{
                height: 0.7rem;
                width: 0.7rem;
                border-radius: 0.2rem;
                display: block;
                margin-left: 0.2rem;
            }
            .text{
                flex: 1;
                overflow: hidden;
                padding: 0 0.2rem;
                .name{
                    height: 0.4rem;
                    line-height: 0.4rem;
                    overflow: hidden;
                    display: block;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    font-size: 0.26rem;
                }
                .p_tex{
                    height: 0.4rem;
                    line-height: 0.4rem;
                    display: flex;
                    overflow: hidden;
                    font-size: 0.2rem;
                    p{
                        flex: 1;
                        overflow: hidden;
                        padding-right: 0.1rem;
                    }
                   
                }
                .ck_zan{
                    padding-right: 0.2rem;
                    font-size: 0.17rem;
                    span{
                        margin-left: 0.2rem;
                        u{
                            text-decoration: none;
                        }
                        i{
                            position: relative;
                            display: inline-block;
                            vertical-align: middle;
                            height:0.2rem;width:0.22rem;
                            background-position: -0.78rem -0.63rem;
                            margin: -0.05rem 0.06rem 0 0;
                        }
                    }
                    .cai{
                        i{
                            transform: rotateX(180deg);
                            margin-top: -0.01rem;
                        }
                    }
                    .on{
                        i{
                            background-position: -1.15rem -0.64rem;
                        }
                    }
                }
                .bt_name{
                    display: flex;
                    height: 0.4rem;
                    line-height: 0.4rem;
                    .flex1{
                        flex: 1;
                        overflow: hidden;
                        .name{
                            width: auto;
                            display: inline-block;
                            vertical-align: middle;
                            max-width: 80%;
                            overflow: hidden;
                        }
                        span{
                            color: #eeeeee;
                            font-size: 0.22rem;
                        }
                    }
                    .ck_zan{
                        padding-right: 0px;
                        display: inline-block;
                        vertical-align: middle;
                        margin-top: -0.02rem;
                        padding: 0 0.02rem;
                    }
                }
                .jieshao{
                    font-size: 0.22rem;
                    @include multi-line-ellipsis(2,0.34rem);
                    padding-top: 0.05rem;
                }
            }
            .pf{
                border:1px solid #666666;
                height: 0.54rem;
                width: 0.54rem;
                border-radius: 50%;
                text-align: center;
                line-height: 0.54rem;
                color: #db5151;
                font-weight: bold;
                background: #fff;
                margin-right: 0.2rem;
            }
            
        }
    }
}
.Cont9{
    .title{
        height: 0.5rem;
        line-height: 0.5rem;
        padding-top: 0.2rem;
    }
    .list{
        padding: 0 0.3rem 0.2rem;
        li { display: flex; color: #444; height: 0.7rem; line-height: 0.7rem; border-bottom: 1px solid #f1f1f1; }
        li p {  flex: 1; text-align: right; color: #333; overflow: hidden; }
        li p span { cursor: pointer; }
        li p i {height: 0.16rem;
            width: 0.32rem;
            transform: rotate(-90deg) scale(0.8);
            background-position: -0.64rem -1.42rem;display: inline-block; vertical-align: middle; margin: -0.03rem 0.00rem 0; }
    }
}
.Cont10{
    .list{
        padding: 0 0.1rem 0.2rem ;
        li{
            width: 50%;
            float: left;
            padding-bottom: 0.2rem;
            .item{
                margin: 0 0.2rem;
                display: flex;
                overflow: hidden;
                align-items: center;
                .lazy{
                    height: 0.7rem;
                    width: 0.7rem;
                    border-radius: 0.15rem;
                    display: block;
                    overflow: hidden;
                }
                .infor{
                    flex: 1;
                    padding-left: 0.2rem;
                    overflow: hidden;
                    .bt{
                        height: 0.4rem;
                        line-height: 0.4rem;
                        display: flex;
                        overflow: hidden;
                        align-items: center;
                        padding-bottom: 0.05rem;
                        .name{
                            flex: 1;
                            overflow: hidden;
                            display: block;
                            color: #494949;
                            font-size: 0.28rem;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }
                        .pf{
                            border:1px solid $theme;
                            color: $theme;
                            height: 0.27rem;
                            line-height: 0.27rem;
                            padding: 0 0.1rem;
                            border-radius: 0.05rem;
                            font-size: 0.19rem;

                        }
                    }
                    .lab_p{
                        padding-top: 0.05rem;
                        width:calc(100% + 0.1rem);
                        overflow: hidden;
                        margin-left: -0.1rem;
                        height: 0.3rem;
                        font-size: 0.2rem;
                        line-height: 0.3rem;
                        .lab{
                            display: block;
                            float: left;
                            margin-left: 0.1rem;
                            background: #f4f4f4;
                            border-radius: 0.08rem;
                            padding: 0 0.08rem;
                        }

                    }
                }
            }
        }
    }
}
.Cont11{
    .list{
        padding: 0 0.55rem;
        .lis{
          border: solid 1px #f1f1f1;
          border-radius: 0.1rem;
          overflow: hidden;
          margin-bottom: 0.3rem;
          .imgbox{
            width: 100%;
            height: 3.6rem;
            overflow: hidden;
            position: relative;
            .lazy {
                display: block;
                width: 100%;
                height: 100%;
                overflow: hidden;
                border-radius: 0.1rem 0.1rem 0 0;
            }
            .swiper-pagination{
                bottom: 0.15rem;
                width: auto;
                left: inherit;
                right: 0.3rem;
                text-align: right;
            }
        }
        .text{
            padding: 0.1rem 0.2rem;
            .bt{
                height:0.4rem;
                line-height: 0.4rem; 
                color: #0b0b0b;
                font-size: 0.26rem;
                font-weight: bold;
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            p{
                color: #999999;
                height: 0.4rem;
                line-height: 0.4rem;
                display: block;
                font-size: 0.2rem;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
        }
        }
       
    }
}
.Cont12{
    .title{
        height: 0.5rem;
        line-height: 0.5rem;
        padding-top: 0.2rem;
    }
    .switch_tab{
        padding-left: 0.3rem;
        .tab{
            background: none;
            border:1px solid #dddddd;
            height: 0.5rem;
            line-height: 0.5rem;
            border-radius: 0.1rem;
            &:active,&.on{
                background: $theme;
                border-color: $theme;
                color: #fff;
            }
        }
    }
    .list{
        border: solid 1px #dddddd;
        border-radius: 0.1rem;
        margin: 0.1rem 0.3rem;
        .imgbt{
            display: block;
            height: 2rem;
            overflow: hidden;
            border-radius: 0.1rem 0.1rem 0 0;
        }
        .lis{
            line-height: 0.5rem;
            padding:0.1rem 0.2rem;
            a{
                margin-right: 0.2rem;
            }
        }
    }
}
.Cont13{
    .list{
        padding: 0 0.3rem;
        li{
            padding: 0.3rem 0;
            border-bottom: 1px solid #f5f5f5;
            display: flex;
            overflow: hidden;
            align-items: center;
            .lazy{
                width: 0.8rem;
                height:  0.8rem;
                border-radius: 0.15rem;
                overflow: hidden;
                display: block;
            }
            .infor{
                flex: 1;
                overflow: hidden;
                padding:0 0.2rem;
                .name{
                    display: block;
                    width: 100%;
                    height: 0.4rem;
                    line-height: 0.4rem;
                    font-size: 0.26rem;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    margin-top: -0.05rem;
                }
                .tab_p{
                    overflow: hidden;
                    .tab{
                        height: 0.34rem;
                        line-height:  0.34rem;
                        padding: 0 0.1rem;
                        background: #f5f5f5;
                        border-radius: 0.05rem;
                        color: #555555;
                        display: block;
                        float: left;
                        margin: 0.1rem 0.2rem 0 0;
                        &:hover{
                            background: $themeopacity;
                            color: $theme;
                        }
                    }
                }
            }
            .pf{
                width: 0.65rem;
                height:0.65rem;
                background-color: #f5f5f5;
                display: block;
                text-align: center;
                color: $theme;
                border-radius: 50%;
                line-height: 0.65rem;
                font-size: 0.28rem;
                font-weight: bold;
            }
        }
    }
}
.Cont14{
    .title{
        height: 0.6rem;
        line-height: 0.6rem;
        padding-top: 0.2rem;
    }
    .list{
        margin: 0 0.2rem;
        position: relative;
        li{
            float: left;
            width: 33.333%;
            padding: 0.1rem 0;
            .lis{
                display: block;
                width: 80%;
                margin: 0 auto;
                border: solid 0.01rem #e4e4e4;
                border-radius: 0.1rem;
                height: 0.6rem;
                line-height: 0.6rem;
                text-align: center;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                padding: 0 4%;
               
            }
            &.on ,&:active{
              a{
                background: $theme;
                color: #fff;
                border-color: $theme;
              }
            }
        }
        .more2{
            position: absolute;
            right: 0;
            bottom: 0;
            background: #fff;
            cursor: pointer;
            a{
                &:active{
                    background: none;
                    border: solid 0.01rem #e4e4e4;
                    color: #fff;
                }
                &:hover{
                    color: #222;
                }
            }
            &.active{
                position: relative;
                color: #222;
            }

        }
    }
    & + .Cont6{
        .list{
            ul li:first-child{
                padding-top: 0;
            }
        }
    }
}
.Cont15{
    .title{
        height: 0.6rem;
        line-height: 0.6rem;
        padding-top: 0.2rem;
    }
    .list{
        padding: 0 0.2rem ;
        li{
            float: left;
            width: 16.666%;
            padding-top: 0.15rem;
            a{
                display: block;
                width: 1rem;
                margin: 0 auto;
                .lazy{
                    height: 1rem;
                    width: 1rem;
                    border-radius: 0.1rem;
                    display: block;
                }
                p{
                    display: block;
                    height: 0.3rem;
                    font-size: 0.22rem;
                    color: #444;
                    line-height: 0.3rem;
                    padding-top: 0.1rem;
                    overflow: hidden;
                   text-align: center;

                }
            }
           

        }
    }
}
.Cont16{
    .title{
        height: 0.6rem;
        line-height: 0.6rem;
        padding-top: 0.1rem;
    }
    .list{
        padding:0 0.3rem;
        a{
            color: #666666;
            &:active{
                color: $theme;
            }
        }
        .ul1{
            padding-top: 0.1rem;
            li{
                padding-bottom: 0.1rem;
                .bt{
                    padding-top: 0.15rem;
                    @include multi-line-ellipsis(2,0.36rem);
                    font-size:0.25rem;
                    color: #666666;
                    text-align: justify;
                    &:active{
                        color: $theme;
                    }
                }
                .p{
                    height: 0.3rem;
                    line-height: 0.3rem;
                    font-size: 0.2rem;
                    color: #666666;
                    padding-top: 0.1rem;
                    u{
                        padding: 0 0.2rem;
    
                    }
                }
            }
        }
        .ul2{
            li{
                display: flex;
                padding: 0.15rem 0;
                color: #666666;
                .bt{
                    width: 1.44rem;
                    height: 0.4rem;
                    line-height: 0.4rem;
                    background-color: #f5f5f5;
                    border-radius: 0.05rem;
                    text-align: center;
                    color: #666666;
                }
                .p{
                    flex: 1;
                    padding-left: 0.2rem;
                    overflow: hidden;
                    word-break: break-all;
                    height: 0.4rem;
                    line-height: 0.4rem;
                    a{
                        color: #666;
                        &:active,&.on{
                            color: $theme;
                        }
                    }
                    span{padding: 0 0.05rem;}
                }
            }
        }
        .ul3{
            width: 110%;
            li{
                float: left;
                width: 3.3rem;
                margin: 0.15rem 0.27rem 0.1rem 0;
                .lazy{
                    display: block;
                    position: relative;
                    width: 100%;
                    height: 1.4rem;
                    border-radius: 0.05rem;
                    .text{
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%,-50%);
                        display: flex;
                        width: 2.90rem;
                        padding: 0 0.03rem;
                        height: 0.9rem;
                        overflow: hidden;
                        background: rgba(49,49,49,0.57);
                        color: #fff;
                        align-items: center;
                        justify-content: center;
                        p{
                            @include multi-line-ellipsis(2,0.24rem);
                            font-size: 0.2rem;
                            
                        }
                        
                    }
                }
            }

        }
        .ul4{
            li{
                line-height: 0.48rem;
                display: flex;
                overflow: hidden;
                .tex{
                    display: block;
                    flex: 1;
                    overflow: hidden;
                    height: 0.48rem;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    u{
                        padding-right: 0.1rem;
                    }
                }
            }
        }
      
    }
}
.Cont17{
    .list{
        padding: 0 0.3rem;
        li{
            padding: 0.25rem 0;
            border-bottom: 1px solid #e8e8e8;
            .lis{
                display: flex;
                overflow: hidden;
                align-items: center;
                .lazy{
                    height: 1.67rem;
                    width: 1.26rem;
                    border-radius: 0.05rem;
                    display: block;
                    overflow: hidden;
                }
                .infor{
                    padding-left: 0.2rem;
                    flex: 1;
                    overflow: hidden;
                    .name{
                        font-size: 0.26rem;
                        font-weight: bold;
                        @include multi-line-ellipsis(2,0.4rem);
                    }
                    p{
                        font-size: 0.2rem;
                        padding-top: 0.1rem;
                        @include multi-line-ellipsis(2,0.35rem);
                    }
                }
            }
        }
    }
}
/* 详情*/
.infordown{
    padding: 0 0.3rem;
    .lis_p{
        padding: 0.1rem 0;
        line-height: 0.5rem;
        color: #666666;
        display: flex;
        p{
            height: 0.5rem;
            flex: 1;
            overflow: hidden;
            display: flex;
            justify-content: space-between;
        }
        a{
            color: #666666;
            &:active{
                color: $theme;
            }
        }
        .p{
            flex: 1;
            overflow: hidden;
            span{
                padding: 0 0.05rem;
            }
        }
        .more{
            color: $theme;
        }

    }
    .lis_down{
        display: flex;
        justify-content:space-between;
        margin: 0.05rem 0;
        position: relative;
        .btn{
            display: block;
            height: 0.8rem;
            line-height: 0.8rem;
            padding: 0 0.24rem;
            color: #444;
            font-size: 0.28rem;
            background: #edeeee;
            border-radius: 0.1rem;
            text-align: center;
            margin-left: 0.35rem;
            u{
                text-decoration: none;
                font-size: 0.24rem;
            }
        }
        .btn1{
            flex: 1;
            margin-left: 0;
            background: $theme;
            color: #fff;
        }
        .kuake{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            padding: 0;
            margin: 0;

        } 
    }
    .kuake-tips{
        position: relative;
        #copy{width: 100px; height: 20px; opacity: 0; position: absolute; z-index: 0;}
        .checkbox{
            width: 100%;
            line-height: 0.4rem;
            padding: 0.1rem 0;
            position: relative;
            z-index: 1;
            input{
                padding: 0;
                margin: 0;
                display: inline-block;
                vertical-align: middle;
                margin-top: -0.02rem;

            }
            .strong{
                font-weight: bold;
                padding: 0 0.03rem;
            }

        }
        .step{
            font-size: 0.2rem;
            overflow: hidden;
            line-height: 0.4rem;
            position: relative;
            z-index: 1;
            p{
                display: inline;
                overflow: hidden;
                padding-right: 0.1rem;
                &:nth-child(2){span{background: #BFBF00;}}
                &:nth-child(3){span{background: #70B603;}}
            }
            span{
                width: 0.35rem;
                height: 0.35rem;
                color: #fff;
                font-size: 0.2rem;
                background: #F59A23;
                border-radius: 50%;
                margin: -0.02rem 0.1rem 0 0;
                display: inline-block;
                text-align: center;
                line-height: 0.35rem;
            }
        }
    }
    .tip{
        padding: 0.1rem 0.2rem;
        color: #ff0000;
        border:1px dashed #ff0000;
        line-height: 0.4rem;
        word-break: break-all;
        border-radius: 0.1rem;
        margin: 0.1rem 0;
        font-size: 0.2rem;
    }
}
.news_top{
    padding: 0.2rem 0.3rem 0rem;
    // border-bottom: 1px solid #f0f0f0;
    .h1_bt{
        font-size: 0.26rem;
        font-weight: normal;
        line-height: 0.42rem;
        text-align: justify;
        .lab{
            display: inline-block;
            vertical-align: middle;
            border: 1px solid #0066ff;
            height: 0.35rem;
            padding: 0 0.1rem;
            color: #0066ff;
            line-height: 0.35rem;
            border-radius: 0.08rem;
            font-size: 0.2rem;
        }
        h1{
            display: inline;
            vertical-align: middle;
            font-size: 0.3rem;
            font-weight: 600;
            color: #222;
        }
    }
    .lab_{
        height: 0.6rem;
        line-height: 0.6rem;
        display: flex;
        overflow: hidden;
        justify-content:space-between;
        span{
            padding-right: 0.1rem;
            color: #666666;
            font-size: 0.22rem;
        }
        .pl{
            float: right;
            padding-right: 0;
            i{
                display: inline-block;
                vertical-align: middle;
                height: 0.22rem;
                width: 0.22rem;
                background-position: -1.79rem 0;
                margin: -0.01rem 0.07rem 0 0;
            }
        }
    }

}
.zqtopbox{
    padding: 0 0.3rem;
    .imgbj{
        height: 1.8rem;
        width: 100%;
        border-radius: 0.1rem;
        display: block;
        overflow: hidden;
        min-height: 0.2rem;
    }
    .downbox{
        margin-top: -0.1rem;
        display: flex;
        padding-left: 0.4rem;
        position: relative;
        z-index: 2;
        padding-bottom: 0.1rem;
        .img{
            width: 0.85rem;
            height: 0.85rem;
            border-radius: 0.2rem;
            display: block;
            overflow: hidden;
        }
        .infor{
            padding-left: 0.2rem;
            padding-top: 0.1rem;
            flex: 1;
            overflow: hidden;
            .name_bt{
                height: 0.46rem;
                line-height: 0.46rem;
                font-size: 0.26rem;
                font-weight: bold;
                overflow: hidden;
                width: 100%;
                display: flex;
                .lab_p{
                    flex: 1;
                    overflow: hidden;
                    padding-left: 0.1rem;
                    a{
                        display: block;
                        float: left;
                        position: relative;
                        width: 0.3rem;
                        height: 0.46rem;
                    }
                    .ico{
                        background: url("../images/ico_down.png") no-repeat center;
                        background-size: 1.7rem auto;
                        display: block;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%,-50%);
                        
                    }
                    .iphone{height: 0.18rem;width: 0.15rem;background-position: 0 0;}
                    .anzhuo{height: 0.18rem;width: 0.16rem;background-position: -0.30rem 0;}
                    .xbox{height: 0.17rem;width: 0.17rem;background-position: -0.60rem 0;}
                    .pc{height: 0.16rem;width: 0.18rem;background-position: -0.90rem 0;}
                    .mac{height: 0.15rem;width: 0.19rem;background-position: -1.20rem 0;}
                    .ps{height: 0.18rem;width: 0.21rem;background-position: -1.50rem 0;}

                }

            }
            .p{
                font-size: 0.2rem;
                width: 100%;
                word-break: break-all;
                overflow: hidden;
                height: 0.35rem;
                line-height: 0.35rem;
            }
        }
        .bf{
            width: 0.45rem;
            height: 0.45rem;
            background: #f2f2f2;
            margin-top: 0.25rem;
            border-radius: 50%;
            text-align: center;
            line-height: 0.45rem;
            color: #e7830e;
            font-weight: bold;
        }
        
    }
    .childnav{
        background: none;
        padding: 0.2rem 0.3rem 0;
        .swiper-slide{
            height: 0.65rem;
            width: 0.65rem;
            border-radius: 0.1rem;
            background-color: #f2f2f2;
            line-height: 0.28rem;
            margin: 0 0.13rem;
            display: flex;
            align-items: center;
            justify-content: center;
            .a{
                font-size: 0.22rem;
                display: inline;
                margin: 0;
                padding: 0;
                font-weight: normal;
                width: auto;
                height: auto;
                &::after{
                    display: none;
                }

            }
        }

    }
}
.news_centernav{
    padding:0.1rem 0.3rem;
    display: flex;
    line-height: 0.5rem;
    overflow: hidden;

    span{
        color: #e09031;
    }
    .p_lis{
        flex: 1;
        overflow: hidden;
        p{
            display: inline;
            padding-right: 0.2rem;
            text-decoration: underline;
            color: #666666;
            &:active{
                color: $theme;
            }
        }

    }
    &.eval{
        display: block;
        span{
            display: block;
            font-weight: bold;
            color: #000;
            font-size: 0.3rem;
        }
        .p_lis{
            padding-bottom: 0.1rem;
           p{
            display: block;
            color: $color;
            font-size: 0.26rem;
            line-height: 0.4rem;
            padding: 0.05rem 0;
            &:active{
                color: $theme;
            }
           }
        }
    }
}
.hj_swiper{
    padding: 0.1rem 0.3rem;
    .swiper-slide .img_ { width: 100%; display: block; }
    .swiper-slide .img_ img { width: 100%; display: block; }
    .swiper_btn { position: absolute; width: 0.5rem; height: 0.8rem; display: block; top: 50%; margin-top:-0.4rem; z-index: 1; background: rgba(0, 0, 0, 0.5); }
    .swiper_btn i { display: block;   width: 0.17rem; height: 0.31rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;  }
    .prev { left: 0; i{background-position: -0.28rem -0.52rem;}}
    .next { right: 0; i{background-position: 0 -0.54rem;}}

}
.detaile_cont{
    padding: 0.2rem 0.3rem; padding-top: 0; position: relative; word-break: break-all; 
    margin-bottom: 0.05rem;  
    line-height: 0.42rem; 
    word-break: break-all;
    color: #444;
    font-size: 0.26rem;
    & p a { color: #007aff;
        text-underline-offset: 5px; text-decoration: underline; -webkit-text-decoration-style: dotted; text-decoration-style: dotted;
    }
   h3 { font-size: 0.35rem; font-weight: 600; margin-top: 0.1rem; line-height: 0.5rem;  }
   h3:before { display:none; content: ''; width: 0.06rem; height: 0.28rem; background: $theme; border-radius: 2px; vertical-align: middle; margin: -0.02rem 0.1rem 0 0; }
 & > p{ overflow: hidden; width: 100%; line-height: 0.5rem;  text-align: justify; margin-top: 0.1rem; color: #444; }
  embed,  iframe { max-width: 100%; margin: 0.1rem auto; display: block; }
  img,table { max-width: 100%; margin: 0 auto; }
  & >  p > img{margin: 0.1rem auto; display: block;}
 & + .page { padding: 0 0.3rem 0.2rem; }
 &.bt_before h3:before { display: inline-block; }
 .Cont3,.Cont6{
    .list{
        padding: 0;
        li{
            box-shadow: 0px 0.01rem 0.1rem 0px 
            rgba(0, 0, 0, 0.1);
            padding: 0.2rem;
            border-radius: 0.1rem;
            margin: 0.2rem 0;
        }
    }
 }
 &.eval{
    h3{
        line-height: 0.55rem;
        color: $theme;
        text-decoration: underline;
        text-underline-offset: 0.1rem;
    }
 }
 .template_tex{
    opacity: 0.5;
    margin: 0.2rem 0;
    border-left: 3px solid rgba(0,0,0,0.4);
    padding-left:0.15rem;
}
}
.givebox{
    padding:0.2rem 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #444444;
    font-size: 0.3rem;
    .ico{
        display: block;
        height:0.64rem;width:0.72rem;
        background-position: 0 -2.37rem;
        margin: 0 0.15rem 0 0;
        position: relative;
        transform: scale(0.9);
    }
    .on{
        background-position: -0.93rem -2.37rem;
    }
    span{
        padding-top: 0.1rem;
    }
}
.Disclaimers { 
    color: #444; font-size: 0.2rem; line-height: 0.42rem; padding: 0.2rem 0.3rem;
    word-break: break-all;
    text-align: justify;
    a { color: $theme; }
 }

.swiperauto{
    .swiper-slide{
        width: auto;
    }
    .Cont2{
        padding-bottom: 0.4rem;
        margin-left: 0.3rem;
        padding-top: 0;
        .lis{width: 5.22rem; margin: 0;}
        .tabckbox{
            white-space: nowrap;
            height: 0.44rem;
            overflow: hidden;
        }
    }
    .Cont4{
        margin-left: 0.3rem;
        padding-bottom: 0.1rem;
    }
}
/* 友情*/
.YQinglist{
    .list{
        padding: 0 0.3rem 0 0;
        line-height: 0.55rem;
        margin-top: -0.1rem;
        a{
            display: inline-block;
            vertical-align: middle;
            color: #444444;
            margin-left: 0.3rem;
            font-size: 0.28rem;
            &:active{
                color: $theme;
            }
            
        }
    }
}
/* 404*/
.warp404{
    padding: 2rem 0.3rem;
    position: relative;
    img{
        width: 100%;
        height: auto;
    }
    .text{
        position: absolute;
        top: 44%;
        left: 38%;
        width: 60%;
        height: 1.2rem;
        line-height: 0.4rem;
        font-size: 0.2rem;
        font-weight: bold;
        a{
            color: $theme;
        }
    }
}
/* 关于*/
.texteditor_wrap{
    .texteditor{
        font-size: 0.24rem;
        color: #444;
        padding: 0.2rem 0.3rem;
        line-height: 0.42rem;
        text-align: justify;
        word-break: break-all;
        p{
            padding: 0.1rem 0;
        }
    }
}
/* 用户中心*/
.usernamebox{
   margin: 0 0.3rem;
   display: block;
   position: relative;
   min-height: 1rem;
   .namebj{
    width: 100%;
    height: 2.9rem;
    display: block;
    position: relative;
    border-radius: 0.1rem;

   }
   .username{
    margin-top: -0.5rem;
    display: block;
    position: relative;
    .userbox{
        display: flex;
        overflow: hidden;
        padding: 0 0.2rem;
        .userimg{
            width: 1rem;
            height: 1rem;
            padding: 0.03rem;
            background: #fff;
            border-radius: 50%;
            img{
                border-radius: 50%;
            }
        }
        .flex{
            flex: 1;
            padding-left: 0.1rem;
            overflow: hidden;
            .text{
                height: 0.4rem;
                line-height: 0.4rem;
                 overflow: hidden;
                 text-align: right;
                 width: 100%;
            }
            .btn_p{
                display: flex;
                overflow: hidden;
                height: 0.5rem;
                line-height: 0.5rem;
                padding-top: 0.1rem;
                align-items: center;
                .p{
                    flex: 1;
                    overflow: hidden;
                    span{
                        padding-right: 0.2rem;

                    }
                    u{
                        text-decoration: none;
                        color: $theme;
                        padding: 0 0.03rem;
                    }
                }
                .btn{
                    width: 1rem;
                    height: 0.5rem;
                    display: block;
                    text-align: center;
                    background: $theme;
                    color: #fff;
                    line-height: 0.5rem;
                    border-radius: 0.1rem;
                }
            }
        }
    }
    .usertex{
        line-height: 0.42rem;
        padding: 0.1rem 0;
        .security{
            color: $theme;
            i{
                background: url("../images/icosecurity.png") no-repeat center;
                width: 13px;
                height: 15px;
                display: inline-block;
                vertical-align: middle;
                margin: -2px 2px 0;
                transform: scale(0.8);
            }
        }

    }
    .childnav{
        padding: 0;
        .a{
            margin-right: 0.4rem;
        }
    }
    .btnbox{
        padding-top: 0.2rem;
        .btn{
            text-align: center;
            padding: 0 0.2rem;
            min-width: 0.8rem;
            text-align: center;
            height: 0.5rem;
            line-height: 0.5rem;
            border-radius: 0.05rem;
            font-size: 0.22rem;
            background: #f2f2f2;
            float: left;
            margin: 0 0.15rem 0.1rem 0;
            &:active,&.on{
                background: $theme;
                color: #fff;
            }
        }
        
    }
    .text_time{
        display: flex;
        align-items: center;
        line-height: 0.5rem;
        font-size: 0.22rem;
        padding: 0.1rem 0;
        .tex{
            flex: 1;
            overflow: hidden;
            padding-right: 0.1rem;
        }
        .day{
            font-size: 0.3rem;
            u{
                color: $theme;
            }
        }
    }
   }
}

/*用户编辑*/
.user_edit{
    padding: 0.6rem 10% 0.4rem  2%;
    .layui-upload{
       width: 1.15rem;
       height: 1.15rem;
       margin: 0 auto;
       background: #eee;
       border-radius: 50%;
       overflow: hidden;
       line-height:  1.15rem;
       text-align: center;
       margin-bottom: 0.4rem;
       position: relative;
       img{
           width:  1.15rem;
           height: 1.15rem;
           display: block;
           object-fit: cover;
       }
      .motai{
           background: rgba(0, 0, 0, 0.5);
           width: 100%;
           height: 100%;
           display: block;
           position: absolute;
           top: 0;
           left: 0;
           color: #fff;
           display: block;
           cursor: pointer;
           p{
               width: 100%;
               height: 100%;

           }
           .tip{
               display: none;
           }
      } 
    }
    .text_{
       line-height: 0.6rem;
       display: flex;
       .iphone{
            flex: 1;
            overflow: hidden;
            display: none;
        }
       .btn{
           color: $theme;
           cursor: pointer;
           margin-left: 0.1rem;
       }
    }
    .layui-btn{
       min-width: 1.5rem;
       text-align: center;
       border-radius: 0.05rem;
    }
    .layui-form-label{
        width: 1.6rem;
        padding: 0;
        line-height: 0.6rem;
    }
    .layui-form-radio *{
        font-size: 0.24rem;
    }
    .layui-form-radio>i{
        font-size: 0.3rem;
    }
    .layui-input, .layui-select, .layui-textarea{
        height: 0.6rem !important;
        display: block;
    }
    .layui-input-block{
        margin-left:1.8rem;
        min-height: 0.6rem;
        line-height: 0.6rem;
    }
    .btnbox{
       text-align: center;
       padding: 0.2rem 0;
       .layui-btn{
           margin: 0 0.2rem;
        }
    }
    .verification{
        height: 0.6rem;
        line-height:  0.6rem;
        padding: 0 0.15rem;
        cursor: pointer;
        margin-left: 0.15rem;
        background: $theme;
        color: #fff;
        border-radius: 0.05rem;
     }
     .time_bg{
        background: #f5f4f4;
        color: #333;
     }
     .flexbox{
        display: flex;
        .layui-input, .layui-textarea{
            flex: 1;
        }
        

     }
   
}
/* 详情放大图*/
.big_img_mb { display: none; width: 100%; height: 100vh; position: fixed; z-index: 20186; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); }
.big_img_wrap { display: none; position: fixed; left: 0; top: 0; z-index: 201822; width: 100%; margin: 0 auto; height: 100vh; }
#Gm-big-pic { width: 100%; height: 80%; overflow: hidden; }
#Gm-big-pic img { width: auto; height: auto; max-height: 100%; min-width: initial; max-width: 96%; margin: 0 2%; }
.big_img_wrap .big_img_top { position: fixed; width: 100%; height: 36px; line-height: 36px; font-size: 14px; left: 0; top: 10px; z-index: 201823; display: -webkit-box; display: -ms-flexbox; display: flex; }
.big_img_wrap .big_img_top .img_num { -webkit-box-flex: 1px; -ms-flex: 1px; flex: 1px; text-align: center; color: #fff; font-weight: bold; }
.big_img_wrap .big_img_top .back_btn { color: #fff; font-weight: bold; width: 70px; text-align: center; margin-left: 15px; background: url("../images/icon_back.png") no-repeat left; background-size: auto 20px; }
.big_img_wrap .big_img_top .img_src { width: 90px; height: 30px; line-height: 30px; color: #0de8fb; border: 1px solid #0de8fb; text-align: center; margin-right: 5px; }
/* 评价*/
.iconsvg {
    width: 40px;
    height: 40px;
    fill:$theme;
    overflow: hidden;
}
.evaluatewarp{
    padding-top: 0.2rem;
    .title{
        height: 0.5rem;
        line-height: 0.5rem;
        & + .evaluatelist{
            padding-top: 0.15rem;
        }
    }
    .evaluate_switch{
        overflow: hidden;
        height: 0.5rem;
        line-height: 0.5rem;
        padding: 0.2rem 0.3rem;
        .switch{
          float: left;
          .lab{
              display: inline-block;
              vertical-align: middle;
              height: 0.5rem;
              line-height: 0.5rem;
              overflow: hidden;
              padding: 0 0.15rem;
              margin-right: 0.2rem;
              border-radius: 0.05rem;
              &:hover,&.on{
                  background-color: #007bff;
                  color: #fff;
              }
   
          }
        }
        .up{
          float: right;
          cursor: pointer;
          i{
              background-position: -6.5rem -0.27rem;
              width: 0.16rem;
              height:  0.16rem;
              display: inline-block;
              vertical-align: middle;
              margin: -0.03rem 0.1rem 0 0;
          }
        }
     } 
    .evaluate_header{
        padding: 0.2rem 0.7rem 0.3rem 0.2rem;
        display: flex;
        align-items: center;
        .evaluate_score{
         width: 2.8rem;
         text-align: center;
         color: $theme;
         p{
             line-height: 0.5rem;
        }
        .noscore{
            .ico{
                background: #f5f7f8;
                width: 0.77rem;
                height: 0.77rem;
                line-height: 0.77rem;
                text-align: center;
                border-radius: 50%;
                margin: 0.2rem auto 0;
                &::before,&::after{
                    content: '';
                    display: inline-block;
                    vertical-align: middle;
                    width: 0.2rem;
                    height: 0.05rem;
                    background-color: #c4c4c4;
                    border-radius: 0.03rem;
                    margin: 0 0.03rem;

                }
            }
            font-size: 0.19rem;
            color: #777777;
        }
         .score_bf{
             font-weight: bold;
             font-size: 0.45rem;
             font-family: SimHei;
             height: 0.6rem;
             line-height: 0.6rem;
             span{
                 letter-spacing: -0rem;
                 margin-left: -0.05rem;
             }
             .ico_{
                 display: inline-block;
                 vertical-align: middle;
                 .iconsvg{
                     width: 0.45rem;
                     height:  0.45rem;
                 }
             }
             font-size:  0.45rem;
         }
        }
        .evaluate_line{
         flex: 1;
         ul{
             li{
                 height: 0.2rem;
                 line-height: 0.2rem;
                 display: flex;
                 align-items: center;
                 .fr{
                    float: right;
                 }
                 .icobox{
                     width: 1.3rem;
                     height: 0.2rem;
                     line-height: 0.2rem;
                     .iconsvg{
                         width: 0.2rem;
                         height: 0.2rem;
                         fill:#d2d7d9;
                     }
                 }
                 .line{
                     height: 0.08rem;
                     flex: 1;
                     background: #ebeff0;
                     border-radius: 0.08rem;
                     overflow: hidden;
                     position: relative;
                     margin-left: 0.2rem;
                     .bar{
                         position: absolute;
                         top: 0;
                         left: 0;
                         background: $theme;
                         height: 100%;
                         border-radius: 0.1rem;
 
                     }
 
                 }
 
             }
         }
        }
 
    }
    .evaluate_total_stare{
        color: #7a7a7a;
        height: 0.5rem;
        line-height:0.5rem;
        padding: 0 0.3rem;
        .layui-rate{
            padding: 0;
            padding: 0 0.2rem;
            margin-top: -2px;
            .layui-icon{
                background: url("../images/star_default.png") repeat-x left;
                width: 0.25rem;
                height: 0.25rem;
                background-size:100% auto;
                &::before{
                    display: none;
                }
            }
            .layui-icon-rate-solid{
                background-image: url("../images/star_on.png");
            }
        }
    }
    .evaluate_textarea{
       padding: 0.2rem 0.3rem;
        .textarea{
            border-radius: 0.1rem;
            padding:0.2rem;
            border:0.02rem solid #e0e0e0;
            display: block;
            textarea{
                resize: none;
                outline: none;
                line-height: 0.5rem;
                height: 2.5rem;
                width: 100%;
                border:none;
            }  

        }
        .submitbtn{
            float: right;
            width: 1.6rem;
            text-align: center;
            color: #fff;
            line-height: 0.7rem;
            display: block;
            background: $theme;
            border-radius: 0.1rem;
            margin-top: 0.2rem;
            height: 0.7rem;
            overflow: hidden;
            font-size: 0.26rem;
            cursor: pointer;
            &:hover{
                opacity: 0.9;
            }
        }
    }
    .nologin{
        padding: 0.5rem 0;
        text-align: center;
        color: #8b8b8b;
        line-height: 0.8rem;
        i{
            display: inline-block;
            vertical-align: middle;
            height:0.41rem;width:0.41rem;background-position: -0.52rem -0.91rem;
            margin: -0.02rem 0.05rem 0 0;
        }
        span{
            cursor: pointer;
        }
    }
    .title_h1{
        padding: 0.2rem 0.3rem;
        line-height: 0.42rem;
        font-size: 0.28rem;

    }
    .evaluatelist_none{
        border: solid 0.02rem #e7e7e7;
        margin: 0.2rem 0.3rem;
        text-align: center;
        padding: 0.2rem 0;
        border-radius: 0.1rem;
        line-height: 0.6rem;
        color: #444444;
    }
    .evaluatelist{
        padding: 0 0.3rem  ;
        &.swiperauto{
            padding: 0 0 0 0.3rem;
            .EV_list{
                width: 6.35rem;
                margin: 0 0.2rem 0 0;
                .item_{
                    .text_p{
                        p{
                            @include multi-line-ellipsis(3,0.45rem)
                        }
                    }
                }
            }
        }
        .EV_list{
            padding-bottom: 0.3rem;
            .item_{
              background: #f5f7f8;
              padding: 0.2rem;
              border-radius: 0.1rem;
              .bt_{
                display: flex;
                .user_{
                    flex: 1;
                }
              }
              .user_{
                display: flex;
                height: 0.7rem;
                overflow: hidden;
                align-items: center;
                img{
                    width: 0.7rem;
                    height: 0.7rem;
                    display: block;
                    border-radius: 50%;
                }
                .infor{
                    flex: 1;
                    padding-left: 0.15rem;
                    overflow: hidden;
                    .name{
                        display: block;
                        height: 0.4rem;
                        line-height: 0.4rem;
                        overflow: hidden;
                        width: 100%;
                        color: #3e3e3e;
                        font-size: 0.26rem;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                    .time{
                        height: 0.3rem;
                        line-height: 0.3rem;
                        color: #777777;
                        font-size: 0.22rem;
                    }

                }
              }
              .layui-nav{
                float: right;
                height: 0.3rem;
                padding: 0;
                background: none;
                margin-top: 0.2rem;
                &:hover{
                    .ico{   background-position: -3.17rem -0.53rem;}
                }
                .ico{
                    cursor: pointer;
                    height:0.2rem;width:0.15rem;
                    background-position: -3.16rem -0.96rem;
                    display: block;
                }
                .layui-nav-child{
                    left: initial;
                    right: 0px;
                    top: 0.4rem;
                    text-align: center;
                    overflow: hidden;
                    .on{
                        background: #e5f2ff;
                        color: $theme;
                    }
                }
            }
              .bt_ + .text_p{
                padding-top: 0.15rem;
              }
              .scorebox{
                 height: 0.6rem;
                 line-height: 0.6rem;
                 display: flex;
                 align-items: center;
                 span{
                    color: $theme;
                 }
                  p{
                    flex: 1;
                    overflow: hidden;
                    padding-left: 0.1rem;
                    color: #777777;
                    font-size: 0.22rem;
                  }
              }
              .text_p{
                display: flex;
                line-height: 0.42rem;
                padding-bottom: 0.1rem;
                &.flexno{
                    display: block;

                }
                .bttex { display: block; font-weight: bold; }
                img { display: block; max-width: 100%; margin: 0.1rem  auto; border-radius: 0.1rem; }
                p{
                    flex: 1;
                    color: #444444;
                    word-break: break-all;
                    text-align: justify;
                    position: relative;
                    .moretext{
                        position: absolute;
                        right: 0;
                        bottom: 0rem;
                        height: 0.42rem;
                        background: #fff;
                        color: $theme;
                        padding: 0 0.1rem 0 0.2rem;
                        cursor: pointer;
                        background: linear-gradient(to right, rgba(236,236,236,0) 0%,rgba(236,236,236,0.8) 20%,rgba(236,236,236,1) 100%);
                    }
                    a{
                        color: #444444;
                        &:active{
                            color: $theme;
                        }
                    }

                }
              }
              .tab_p{
                display: flex;
                align-items: center;
                height: 0.5rem;
                line-height: 0.5rem;
                font-size: 0.2rem;
                .fl{
                    flex: 1;
                    overflow: hidden;
                    color: #b3b3b3;
                    height: 0.5rem;
                    span{
                        color: $theme;
                        padding: 0 0.05rem;
                    }

                }
                .btn_{
                    float: left;
                    color: #666666;
                    margin-left: 0.2rem;
                    i{
                        display: inline-block;
                        vertical-align: middle;
                        height: 0.2rem;width: 0.22rem;
                        margin: -0.05rem 0.06rem 0 0;
                    }
                    u{
                        text-decoration: none;
                    }
                }
                .reply{i{height: 0.22rem;background-position: -1.48rem 0; margin-top: -0.03rem;}}
                .link{i{background-position: -2.12rem 0;}}
                .no_zan{i{background-position: -2.12rem 0;transform: rotateX(180deg);margin-top: -0.01rem;}}
                .on{i{background-position: -2.46rem 0;}}
                .on.reply{i{background-position:  -1.79rem 0;}}
              }
              .itembox{
                padding: 0 0.2rem 0 0.15rem;
                height: 0.9rem;
                display: flex;
                overflow: hidden;
                align-items: center;
                background: #875540;
                border-radius: 0.05rem;
                margin:0.2rem 0 0.1rem;
                .lazy{
                    width: 0.7rem;
                    height: 0.7rem;
                    border-radius: 0.1rem;
                    display: block;
                    overflow: hidden;

                }
                .img2{
                    width: 1rem;
                    height: 0.6rem;
                    border-radius: 0.05rem;
                }
                .infor{
                    flex: 1;
                    padding-left: 0.15rem;
                    overflow: hidden;
                    .name_{
                      height:0.25rem;
                      line-height: 0.25rem;
                      white-space: nowrap;
                      text-overflow: ellipsis;
                      width: 100%;
                      display: block;
                      overflow: hidden;
                      color: #fff;
                      padding-bottom: 0.1rem;
                    }
                    .p{
                        font-size: 0.2rem;
                        height: 0.3rem;
                        line-height: 0.3rem;
                        overflow: hidden;
                        width: 100%;
                        color: #fff;
                        a{
                            color: #fff;
                            padding:0 0.03rem;
                        }
                    }
                }
                .pfbox{
                    height: 100%;
                    padding-left: 0.1rem;
                    .pf{
                        margin-top: 0.2rem;
                        width: 0.5rem;
                        height: 0.5rem;
                        text-align: center;
                        line-height: 0.5rem;
                        border-radius: 50%;
                        border-radius: 50%;
                        background: #fff;
                        color: #fbbd5b;
                        font-size: 0.23rem;
                        font-weight: bold;
                    }
                }
              }
              .replytext{
                background: #f9f9f9;
                padding: 0.15rem 0.2rem;
                line-height: 0.4rem;
                border-radius: 0.05rem;
                color: #666666;
                a{
                    color: #666666;
                }
                margin-bottom: 0.1rem;
            }
              .children{
                ul{
                    li{
                       line-height: 0.4rem;
                       padding: 0.05rem 0;
                       display: none;
                       &:nth-child(1) {display: flex;}
                       .name{
                        color: #888;
                        display: inline-block;
                        
                        a{
                            color: $theme;
                            padding:0 0.02rem;
                        }
                       }
                       .p{
                        flex: 1;
                        overflow: hidden;

                       }
                    }
                    .flexon{
                        display: flex;
                    }
                }
                .moreli{
                    color: $theme;
                    height: 0.4rem;
                    line-height: 0.4rem;
                    padding-top: 0.1rem;
                    span{
                        cursor: pointer;
                        &::after{
                            content: '';
                            display: inline-block;
                            vertical-align: middle;
                            border-left: 0.1rem solid transparent;
                            border-right: 0.1rem solid transparent;
                            border-top: 0.14rem solid $theme;
                            margin: -0.04rem 0.1rem 0;
                        }
                    }
                }
                &.showli{
                   ul{
                    li{
                        display: flex;
                    }
                   }
                }
            }
            }
            .replybox{
                margin-top: 0.4rem;
                border: solid 0.02rem #e7e7e7;
                background-color: #f9f9f9;
	            border-radius: 0.1rem;
                position: relative;
                padding: 0.1rem 0.2rem 0.2rem;
                .cur{
                    width: 0.4rem;
                    height: 0.2rem;
                    position: absolute;
                    top: -0.2rem;
                    left: 0.6rem;
                    &::after{
                        content: '';
                        position: absolute;
                        border-bottom: 0.2rem solid #f9f9f9;
                        border-left:  0.2rem solid transparent;
                        border-right:  0.2rem solid transparent;
                        top: 0px;
                        left: 0;
                    }
                    &::before{
                        content: '';
                        position: absolute;
                        border-bottom:  0.2rem solid #e7e7e7;
                        border-left:  0.2rem solid transparent;
                        border-right:  0.2rem solid transparent;
                        top: -0.02rem;
                        left: 0;
                    }
                }
                .ti_bt{
                    height: 0.5rem;
                    line-height: 0.5rem;
                    overflow: hidden;
                    padding-bottom: 0.1rem;
                }
                .textarea{
                    height: 0.7rem;
                   background: #fff;
                   padding:0.2rem;
                   textarea{
                    width: 100%;
                    border:none;
                    height: 100%;
                    resize: none;
                    outline: none;

                   }
                    
                }
                .btnbox{
                    padding-top: 0.2rem;
                    height: 0.5rem;
                    .btn{
                        float: right;
                        width: 1rem;
                        text-align: center;
                        color: #fff;
                        line-height: 0.5rem;
                        display: block;
                        background: $theme;
                        border-radius: 0.1rem;
                        cursor: pointer;
                        &:hover{
                            opacity: 0.9;
                        }
                    }
                }
            }
            &:nth-child(5n+1) .item_ .itembox{background: #875540;}
            &:nth-child(5n+2) .item_ .itembox{background: #923b58;}
            &:nth-child(5n+3) .item_ .itembox{background: #998d89;}
            &:nth-child(5n+4) .item_ .itembox{background: #425758;}
            &:nth-child(5n+5) .item_ .itembox{background: #423c3a;}
        }
        & + .morelink{
            margin-top: 0;
        } 
       
    }
    &.usercenter{
        .evaluatelist{
            .EV_list{
                border-bottom: 1px solid #ececec;
                padding-bottom: 0.15rem;
                margin-bottom: 0.2rem;
                &:last-child{
                    border:none;
                    margin-bottom: 0px;
                }
                 .item_{
                    background: none;
                    padding: 0;
                    .tab_p {
                        .link , .no_zan{
                             i{
                                height:0.26rem;width:0.25rem;background-position: -2.8rem 0;
                             }
                             &.on{
                                i{
                                    background-position: -3.17rem 0;
                                }
                             }
                        }
                    }
                     .text_p p .moretext{
                        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,1) 100%);
                     }
                 }
            }
        }
    }
    .eventstep{
        margin: 0.1rem 0;
    }
}
/*弹出层*/
.layerevaluatewarp{
    border-radius: 0.1rem !important;
}
.layerevaluate{
    border-radius: 0.1rem;
    width: 6.8rem;
    overflow: hidden;
    font-size: 0.24rem;
    display: none;
    .text{
        padding: 0.1rem 0.2rem;
        background: $theme;
        color: #fff;
        .bt{
            height: 0.5rem;
            line-height:0.5rem;
        }
        .p{
            margin: 0.1rem 0;
            @include multi-line-ellipsis(3,0.4rem)
        }

    }
    .textarea{
        display: block;
        padding: 20px;
        textarea{
            display: block;
            border:none;
            font-size: 0.24rem;
            height: 1.6rem;
            line-height: 0.4rem;
            width: 100%;
            resize: none;
            outline: none;
        }
    }
    .btnbox{
        text-align: right;
        border-top: 1px solid #e0e0e0;
        padding: 0.2rem 0;
        .btn{
            display:inline-block;
            vertical-align: middle;
            width: 1rem;
            height: 0.4rem;
            border:1px solid $theme;
            border-radius: 0.1rem;
            line-height:0.4rem;
            text-align: center;
            color: $theme;
            cursor: pointer;
            margin-right: 0.2rem;
            &:hover{
                opacity: 0.9;
            }
        }
        .sbmit{
            background: $theme;
            color: #fff;
        }
    }

}

.layertext {
    padding: 0.2rem 0.2rem;
    display: none;
    width: 6.3rem;
    .scroll{
        max-height: 70vh;
        overflow-y: auto;
        &::-webkit-scrollbar { width: 0.06rem; height: 0.06rem; background: #dcdcdc; border-radius: 0.1rem; }
        &::-webkit-scrollbar-button { width: 0; height: 0; }
        &::-webkit-scrollbar-corner { display: block; }
        &::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #0066ff; border-radius: 0.1rem; }
    }
    p {
        line-height: 0.45rem;
        padding: 0.05rem 0;
        &::before {
            display: inline-block;
            vertical-align: middle;
            content: '';
            height:  0.08rem;
            background-color: #919191;
            width: 0.08rem;
            border-radius: 50%;
            margin: -0.02rem 0.07rem 0 0;


        }
    }
}
.layerPopup {
    background: #fff;
    width: 6rem;
    border-radius: 0.1rem;
    padding: 0.2rem 0.3rem;
    display: none;
    .layui-form-item .layui-form-checkbox[lay-skin=primary] {
        margin-top: 0px;
        span{
            padding-right: 0px;
            font-size: 0.24rem;
        }
    }
    .tile {
        height: 0.8rem;
        line-height: 0.8rem;
        display: block;
        border-bottom: 1px solid #f4f4f4;
        margin-bottom: 0.2rem;
        font-size: 0.28rem;
        color: #222;
        position: relative;
        overflow: hidden;
        word-break: break-all;
        position: relative;
        &::after {
            content: '';
            display: block;
            width: 1rem;
            height: 0.02rem;
            background-color: $theme;
            position: absolute;
            left: 0;
            bottom: 0;
        }

    }
    .layui-formradio {
        width: 100%;
        .layui-form-radio *{
            font-size: 0.24rem;
        }
        .layui-unselect {
            display: block;
            width: 100%;
            .layui-icon {
                float: right;
                font-size: 0.24rem;
            }

            div {
                flex: 1;
            }
        }
    }
    .layui-form-text {
        .bt {
            height: 30px;
            line-height: 30px;
            color: $theme;
            padding-bottom: 5px;
        }

        .layui-textarea {
            resize: none;
            border-color: #cacaca !important;
        }
    }
    .layui-btn {
        border-radius: 0.1rem;
        border: none;
    }
    .layui-btn-primary {
        background-color: #f0f0f0;
    }
    .textline{
        margin-bottom: 0.1rem !important;
        height: 0.4rem;
        line-height: 0.4rem;
    }
    .layui-form {
        .layui-form-item {
            margin-bottom: 0.3rem;
            position: relative;
            .Tiptishi {
                // position: absolute;
                // left: 0;
                // bottom: -20px;
                p {
                    text-align: left;
                }
            }
        }
        .Tiptishi {
            color: #ff5959;
            font-size: 12px;
            padding: 0 10px;
            p {
                display: none;
                text-align: center;
                height: 20px;
                line-height: 20px;
            }

            i {
                display: inline-block;
                vertical-align: middle;
                margin: -2px 5px 0 0;
                height: 13px;
                width: 13px;
                background-position: -23px 0;
            }
        }
        .focus {
            .layui-input {
                border-color: #ff5959 !important;
            }
        }
        .layui-input {
            background-color: #f4f4f4;
            border-radius: 0.1rem;
            border: solid 1px #dddddd;
            height: 0.8rem;
        }
        .layer-form-box {
            display: flex;
        }
        .iphoneCode {
            .layui-input {
                flex: 1;
                margin-right: 0.2rem;
            }
            .code {
                background-color: #f4f4f4;
                border-radius: 5px;
                border: solid 1px #dddddd;
                width: 2rem;
                display: flex;
                align-items: center;
                justify-content: center;
                border: solid 1px #dddddd;
                border-radius: 0.1rem;
                cursor: pointer;
                user-select: none;
                img {
                    width: 90%;

                }
            }

            .time_bg {
                background: #fff;
                border-color: #ff5959;
            }

        }
    }
    .textline {
        .layui-word {
            float: right;
            color: #b8b8b8;
            i {
                padding: 0 0.1rem;
            }
            span {
                color: #b8b8b8;
                cursor: pointer;

                &:hover {
                    color: $theme;
                }
            }
        }
    }
    .submitbtn {
        height: 0.8rem;
        line-height:0.8rem;
        background-color: $theme;
        border-radius: 0.1rem;
        text-align: center;
        display: block;
        width: 100%;
        color: #fff;
        display: block;
        cursor: pointer;
        margin: 0.2rem auto;
        &:hover {
            opacity: 0.9;
        }
    }
    .tishi {
        color: #b8b8b8;
    }
    .login_tip{
        color: $theme;  
        text-align: right;
        margin-top: -5px;
        span{
            cursor: pointer;
        }
    }
    .success{
        padding: 1rem 0.2rem;
        text-align: center;
        .tubiao{
            width: 1.2rem;
            height:1.2rem;
            background-color: $theme;
            margin: 0 auto;
            position: relative;
            border-radius: 50%;
            i{
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                height:0.39rem;width:0.55rem;background-position: 0 -1.41rem;
            }
        }
        .text_ico{
            line-height: 0.6rem;
            color: $theme;
            padding: 0.1rem 0;
            p{
                &:nth-child(1){
                    font-size: 0.28rem;
                }
            }
        }

    }
    .layui-form-item.btnbox{
        display: flex;
        margin-bottom: 0.1rem;
        .fr{
            margin: 0 auto;
        }
        .veCode{
            display: flex;
            flex: 1;
            padding-right: 0.2rem;
            height: 38px;
            .layui-input{
                flex: 1; 
                border-radius: 5px 0 0 5px;
                border-right: none;
                height: 38px;
            }
            .veCodeinput{
                background: #fff;
                width: 1.2rem;
                display: flex;
                align-items: center;
                justify-content: center;
                border: solid 1px #dddddd;
                border-radius:0 5px 5px 0;
                cursor: pointer;
                img{
                    width: 90%;

                }
            }

        }
       
    }
}
/*微信浏览器提示*/
.wxtips{
   width: 100vw;
   height: 100vh;
   position: fixed;
   top: 0;
   left: 0;
   overflow: hidden;
   background: rgba(0, 0, 0, 0.6);
   z-index: 10000;
   img{
    display: block;
    width: 90%;
    margin: 0 auto;
   }
}
.zl-list{
    padding: 0 0.3rem;
    li{
        display: flex;
        overflow: hidden;
        padding: 0.3rem 0;
        .lazy{
            width: 2.9rem;
            height: 1.95rem;
            border-radius: 0.1rem;
            overflow: hidden;
            display: block;
            position: relative;
            .motai{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.4);
                color: #fff;
                box-sizing: border-box;
                padding: 0.15rem;
                .bt{
                    display: block;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    height: 0.66rem;
                    line-height: 0.66rem;
                    font-size: 0.3rem;
                    font-style: italic;
                    font-weight: bold;
                    letter-spacing: 1px;
                }
                .tab{
                    height: 0.3rem;
                    line-height: 0.3rem;
                    border-radius: 0.2rem;
                    padding: 0 0.1rem;
                    font-size: 0.2rem;
                     display: inline-block;
                     vertical-align: middle;
                     font-weight: normal;
                     font-style: normal;
                     background: $theme;
                     margin-left: 0.15rem;
                     margin-top: -0.03rem;
                }
                p{
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    height: 0.42rem;
                    line-height: 0.42rem;
                    font-size: 0.2rem;
                    font-weight: bold;
                    &:last-child{
                        font-weight: normal;
                        font-size: 0.18rem;
                    }
                }

            }
        }
        .infor{
            flex: 1;
            overflow: hidden;
            padding-left: 0.2rem;
            a{
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .bt{
                padding-top: 0.05rem;
                font-weight: bold;
                font-size: 0.26rem;
                white-space: normal;
                @include multi-line-ellipsis(2,0.35rem);
            }
            .text{
                color: #868686;
                overflow: hidden;
                @include multi-line-ellipsis(3,0.38rem);
                padding-top: 0.1rem;
                a{
                    font-size: 0.24rem;
                    color: #868686;
                    height: 0.35rem;
                    line-height: 0.35rem;
                    padding-top: 0.05rem;
                    &::before{
                        width: 0.04rem;
                        height: 0.19rem;
                        display: inline-block;
                        vertical-align: middle;
                        background: $theme;
                        content: '';
                        margin: -0.01rem 0.05rem  0 0;
                        
                    }
                    &:first-child{
                        padding-top: 0;
                    }
                    &:active{
                        color: $theme;
                    }

                }

            }
        }
        .box{
            position: relative;
            width: 100%;
            min-height: 1.95rem;
            .infor{
                padding: 0  0 0 3.1rem;
                position: relative;
                height: 100%;
                z-index: 1;
                background: linear-gradient(to left, #f9f9f9 0%,rgba(249,249,249,1) 60%,rgba(249,249,249,0.95) 65%,rgba(249,249,249,0) 100%);
                .bt{
                    height:0.7rem;
                }
                .text{
                    height: 1.08rem;
                    line-height: 0.36rem;
                    font-size: 0.2rem;
                    color: #444444;
                    -webkit-line-clamp: 3;
                    a{
                        height: 0.36rem;
                        line-height: 0.36rem;
                        padding-top: 0;
                    }
                }
            }
            .lazy{
              position: absolute;
              top: 0;
              left: 0;
            }
        }
    }
  
}
.zltitle_top{
    position: relative;
    padding: 0 0.3rem;
    .titlebox{
        float: left;
        width: 48%;
        .btbox{
            height: 0.5rem;
            line-height: 0.5rem;
            display: block;
            overflow: hidden;
            margin:0.2rem 0 0.2rem;
        }
        .bt{
            float: left;
            height: 0.5rem;
            line-height: 0.5rem;
            display: block;
            overflow: hidden;
            font-size: 0.3rem;
            font-weight: bold;
            font-style: italic;
            color: $theme;
          
        }
        .lab{
            height: 0.3rem;
            line-height: 0.3rem;
            color: $theme;
            border:1px solid $theme;
            padding: 0 0.15rem;
            border-radius: 0.05rem;
            font-size: 0.19rem;
            margin: 0.1rem 0 0.1rem 0.2rem;
            float: left;
        }
        p{
            color: #555555;
            font-weight: bold;
            font-size: 0.2rem;
            line-height: 0.45rem;
            overflow: hidden;
            height: 0.45rem;
            // white-space: nowrap;
            word-break: break-all;
            &:last-child{
                font-weight: normal;
            }
        }
    }
    .line{
        position: absolute;
        left: 50%;
        top: 5%;
        height: 90%;
        margin-left: -0.03rem;
        width: 0.06rem;
        background: #007bff;
        opacity: 0.3;
    }
    .timebox{
        float: right;
        min-width: 2.2rem;
        text-align: center;
        font-size: 0.19rem;
        line-height: 0.32rem;
        max-width: 45%;
        overflow: hidden;
        u{
            color: #ff0000;
        }
        p{
            height: 0.32rem;
            width: 100%;
            overflow: hidden;
            &:nth-child(2){
                font-size: 0.3rem;
                 font-weight: bold;
                 color: $theme;
            }
            &:nth-child(3){
                color: #222;
                font-weight: bold;
                font-size: 0.28rem;
                height: 0.4rem;
                line-height: 0.4rem;
            }
        }
    }
}
.zl-paperlist{
    padding: 0 0.3rem;
    ul{
        li{
            padding: 0.2rem 0;
            border-bottom: 1px solid #e0e0e0;
             .bt{
                color: #555555;
                font-size: 0.3rem;
                font-weight: bold;
                @include multi-line-ellipsis(2,0.45rem);
                overflow: hidden;
                margin-bottom: 0.2rem;
                &:active{
                    color: $theme;
                }
             }
             .text-p{
                color: #373737;
                line-height: 0.45rem;
                font-size: 0.24rem;
                word-break: break-all;
                text-align: justify;
                padding-bottom: 0.1rem;
                overflow: hidden;
                .lazy{
                    width: auto;
                    height: auto;
                    position: relative;
                    max-width: 60%;
                    margin: 0 0 0 0.15rem;
                }
                .lazy.fl{ margin: 0 0.15rem 0 0 ; float: left;}
                .lazy.fr{ margin: 0 0 0 0.15rem; float: right;}
             }
             .lazy{
                width: 80%;
                display: block;
                margin: 0 auto 0.1rem;
                border-radius: 0.1rem;
             }
        }
    }
}
.evaluatingtop{
    position: relative;
    min-height: 1.8rem;
    margin-bottom: 0.2rem;
    .lazy{
        min-height: 1.8rem;
    }
    .motai{
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        display: flex;
        box-sizing: border-box;
        padding: 0 0.4rem;
        color: #fff;
        flex-wrap: wrap;
        align-items: center;
        .h1{
            font-size: 0.3rem;
            @include multi-line-ellipsis(2,0.55rem);
            font-weight: bold;
            width: 100%;
        }
        .p{
            width: 100%;
            display: flex;
            overflow: hidden;
            height: 0.5rem;
            line-height: 0.5rem;
            font-size: 0.2rem;
            padding-top: 0.2rem;
            .flex1{
                flex: 1;
                overflow: hidden;
                display: flex;
            }
            .name{
                font-weight: bold;
                padding-right: 0.2rem;
            }
            img{
                height: 0.4rem;
                width: auto;
                display: inline;
                border-radius: 0.5rem;
                margin-right: 0.1rem;
            }
            .pl{
                i{
                    display: inline-block;
                    vertical-align: middle;
                    height: 0.22rem;
                    width: 0.22rem;
                    background-position: -1.79rem 0;
                    margin: -0.01rem 0.1rem 0 0;
                }
            }
           
        }
    }
}
.evaluatingitem{
    padding: 0 0.3rem;
    .title{
        padding: 0;
        height: 0.5rem;
        line-height: 0.5rem;
        .cor1{color: #ff3939;}
        .cor2{color:  $theme;}
    }
    .item-box{
        .item{
           display: flex;
           overflow: hidden;
           .lazy{
              width: 0.94rem;
              height: 1.26rem;
              display: block;
              border-radius: 0.1rem;
              overflow: hidden;
           }
           .infor{
              flex: 1;
              overflow: hidden;
              padding-left: 0.2rem;
              .bt{
                  height: 0.4rem;
                  line-height: 0.4rem;
                  overflow: hidden;
                  font-size: 0.26rem;
                  white-space: nowrap;
                  text-overflow:ellipsis;
                  margin-bottom: 0.1rem;
                  display: block;
                  font-weight: bold;
              }
              p{
                  color: #797979;
                  font-size: 0.2rem;
                  height: 0.4rem;
                  line-height: 0.4rem;
                  overflow: hidden;
                  
              }
           }
        }
        .tablink{
          height: 0.4rem;
          line-height: 0.4rem;
          overflow: hidden;
          .tab{
              display: block;
              float: left;
              padding-right: 0.2rem;
              font-size: 0.2rem;
              color: #555;
              &:hover{
                  color: $theme;
              }
              i{
                  display: inline-block;
                  vertical-align: middle;
                  margin: -0.01rem 0.05rem 0 0;
                  background: url("../images/icozqtab.png") no-repeat center;
                  background-size: 1.27rem auto;
              }
              .ico2{height:0.29rem;width:0.18rem;background-position: -0.35rem 0;}
              .ico4{height:0.28rem;width:0.23rem;background-position: -1.04rem 0;}
              .ico1{height:0.29rem;width:0.26rem;background-position: 0 0;}
              .ico3{height:0.23rem;width:0.20rem;background-position: -0.70rem 0;}
          }
      }
       
     } 
     .lis_p{
      padding: 0.15rem 0 0;
      .text_p{
          color: #373737;
          line-height: 0.45rem;
          word-break: break-all;
      } 
      ul{
          li{
              display: flex;
              padding: 0.1rem 0;
              &::before{
                  width: 0.06rem;
                  height: 0.06rem;
                  background-color: #ff3939;
                  border-radius: 50%;
                   display: block;
                   border-radius: 50%;
                   content: '';
                   margin: 0.1rem 0.1rem 0 0;
              }
              a{
                  flex: 1;
                  overflow: hidden;
                  @include multi-line-ellipsis(2,0.45rem);
              }
          }
      }
      .ul2{
          li{
              &::before{
                  background-color: $theme;
              }
          }
      }
      .pflis{
          .lis{
              display: block;
              height: 1.2rem;
              line-height: 1.2rem;
              overflow: hidden;
              &:hover{
                  .tex{
                      u{
                          color: $theme;
                      }
                  }
              }
              .img_{
                  height: 100%;
                  position: relative;
                  float: left;
                  max-width: 70%;
                  overflow: hidden;
                  img{
                      display: inline-block;
                      max-height: 100%;
  
                  }
              }
              .tex{
                  float: right;
                  text-align: right;
                  font-size: 0.29rem;
                  color: #949494;
                  u{
                    color: #222222;
                      font-size: 0.42rem;
                  }
              }
          }
      }
  
     }
}
.weekly{
    padding: 0.1rem 0.3rem;
    .weeklybt{
        font-size: 0.2rem;
        padding-bottom: 0.2rem;
        span{
            height: 0.4rem;
            line-height: 0.4rem;
            overflow: hidden;
            display: block;
            text-transform: capitalize;
        }
        .bt{
            height: 1rem;
            line-height: 1rem;
            overflow: hidden;
            padding-bottom: 0.1rem;
            font-size: 0.6rem;
            font-weight: bold;
        }
        p{
            height: 0.3rem;
            line-height: 0.3rem;
            color: #fff;
            padding: 0 0.1rem;
            background: rgba(0, 0, 0, 0.6);
            overflow: hidden;
            border-radius: 0.05rem;
        }
    }
    .banner{
        min-height: 1.3rem;
        .p{
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            transform: translate(0,-50%);
            background: rgba(0, 0, 0, 0.6);
            color: #fff;
            padding: 0.1rem 0.3rem;
            box-sizing: border-box;
            font-weight: bold;
            text-align: center;
            @include multi-line-ellipsis(2,0.5rem);
        }
    }
    .bt_a{
        display: flex; 
        overflow: hidden;
        line-height: 0.4rem;
        padding-bottom: 0.15rem;
        .lab{
             background: $theme;
             height: 0.3rem;
             line-height: 0.3rem;
             color: #fff;
             padding: 0 0.1rem;
             font-size: 0.2rem;
             border-radius: 0.05rem;
             margin-top: 0.05rem;
             & + .tex{
                 padding: 0;
                 padding-left: 0.1rem;
             }
             &.bg1{background: #ff3939;}
             &.bg2{background: #4B7902;}
             &.bg3{background: #B8741A;}
             &.bg4{background: #027DB4;}
             &.bg5{background: #E67C00;}
        }
        .tex{
          flex: 1;   
          overflow: hidden;
          display: block;
          font-size: 0.28rem;
          font-weight: bold;
          color: $theme;
          @include multi-line-ellipsis(5,0.4rem);
        }
    }
    .bt_b{
        display: flex; 
        overflow: hidden;
        height: 0.4rem;
        line-height: 0.4rem;
        padding-bottom: 0.15rem;
        align-items: center;
        .tex{
            flex: 1;   
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: block;
            font-size: 0.3rem;
            font-weight: bold;
            color: #d02626;
          } 
    }
    .text-p{
        color: #373737;
        line-height: 0.45rem;
        font-size: 0.28rem;
        word-break: break-all;
        text-align: justify;
        overflow: hidden;
        p{
            & > img{
                display: block;
                max-width: 100%;
                margin: 0.1rem auto;
                border-radius: 0.1rem;
            }
        }
        .lazy{
            margin: 0.1rem 0;
            display: block;
            border-radius: 0.1rem;
            &.fr{
                float: right;
                max-width: 70%;
                margin: 0 0 0 0.15rem;
            }
        }
    }
    .us_name{
        display: flex;
        overflow: hidden;
        align-items: center;
        font-weight: bold;
        margin-bottom: 0.1rem;
        img{
            width: 0.52rem;
            height: 0.52rem;
            display: block;
            border-radius: 50%;
            margin-right: 0.2rem;


        }
        span{
            flex: 1;
            display: block;
            overflow: hidden;
            color: #313131;
            font-size: 0.26rem;
        }
    }
    .textbox{
            border: solid 1px #666666;
            border-radius: 0.1rem;
            padding: 0.2rem;
            margin: 0.1rem 0;
            p{
                color: #000;
                padding: 0;
                width: 100%;
                overflow: hidden;
                line-height: 0.5rem;
            }
            .btname{
                display: flex;
                height: 0.6rem;
                line-height:0.6rem;
                align-items: center;
                overflow: hidden;
                .name{
                    display: block;
                    font-size: 0.3rem;
                    font-weight: bold;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }
                .lab_box{
                    flex: 1;
                    overflow: hidden;
                    padding-left: 0.1rem;
                    span{
                        margin-left: 0.2rem;
                        height: 0.36rem;
                        line-height:  0.36rem;
                        font-size: 0.2rem;
                        padding: 0 0.1rem;
                        display: inline-block;
                        vertical-align: middle;
                        background: $theme;
                        color: #fff;
                        border-radius: 0.1rem;
                        margin-top: -0.02rem;
                    }
                }
            }
            .subtitle{
                height: 0.5rem;
                line-height: 0.5rem;
                overflow: hidden;
                font-size: 0.28rem;
            }
            .switchlab{
                height: 0.6rem;
                margin: 0.1rem 0;
                line-height: 0.6rem;
                display: block;
                overflow: hidden;
                .a{
                    float: left;
                    font-size: 0.28rem;
                    margin-right: 0.3rem;
                    display: block;
                    position: relative;
                    cursor: pointer;
                    &::after{
                        content: '';
                        display: none;
                        left: 0;
                        position: absolute;
                        bottom: 0;
                        height: 0.03rem;
                        width: 100%;
                        background: $theme;

                    }
                }
                .on{
                    color: $theme;
                    font-weight: bold;
                    &::after{
                        display: block;
                    }
                }
            }
          
    }
    .list{
        li{
            padding: 0.1rem 0;
        }
        ul.bor{
            li{
                padding: 0.2rem 0;
                border-bottom: 1px solid #e0e0e0;
                &:last-child{
                    border:none;
                }
            }
        }
    }
    .item1{
        display: flex;
        overflow: hidden;
        padding-bottom: 0.1rem;
        .infor{
            flex: 1;
            overflow: hidden;
            .name{
                height: 0.4rem;
                line-height: 0.4rem;
                overflow: hidden;
                display: block;
                white-space: nowrap;
                text-overflow: ellipsis;
                font-weight: bold;
                font-size: 0.26rem;
                margin-bottom: 0.1rem;
            }
            p{
                height: 0.3rem;
                line-height: 0.3rem;
                overflow: hidden;
                color: #373737;
                font-size: 0.2rem;
            }
            & + .lazy{
                margin-left: 0.2rem;
                margin-right: 0px;
            }

        }
        .lazy{
            width: 1.72rem;
            height: 0.79rem;
            display: block;
            border-radius: 0.1rem;
            overflow: hidden;
        }
        &.them{
            .infor{
                padding-left: 0.2rem;
                .name{
                    font-size: 0.3rem;
                }
                p{
                    color: #767676;
                    height: 0.7rem;
                    @include multi-line-ellipsis(2,0.35rem);
                }

            }
            .lazy{
                width: 0.97rem;
                height: 1.32rem;
            }
        }
    }
    .item1 + .text-p{
        padding: 0.15rem 0;
    }
    .list_bta{
        background-color: #f6f6f6;
	    border-radius: 5px;
        padding: 0.1rem 0.1rem 0.1rem 0.2rem;
        margin-bottom: 0.1rem;
        .bt_a{
           padding: 0.2rem 0;
           .tex{
              color: #373737;
              
           }
        }
    }
}


// 返回顶部
.scrollTop{
    position: fixed;
    z-index: 100;
    height:0.55rem;width:0.55rem;
    cursor: pointer;
    bottom: 10%;
    right: 0.2rem;
    display: none;
    background: url("../images/top.png") no-repeat center;
    background-size: 100% auto;
    &:active{
        background-image: url("../images/top-hover.png");
    }

}
// layermsg 
.layermsg{
    border-radius: 5px !important;
    .layui-layer-content{
        padding: 12px 20px !important;
        height: 28px;
        line-height: 28px;
        &::before{
            content: '';
            background: url("../images/icoimg.png") no-repeat center;
            height:28px;width:27px;background-position: -306px -172px;
            display: inline-block;
            vertical-align: middle;
            margin: -2px 5px 0 0 ;
        }
    }
}

// 我的粉丝
.fansbox{
    .list{ 
        // padding: 10px 10px 10px 20px;
        .bt{
            height: 0.5rem;
            line-height: 0.5rem;
            margin-bottom: 0.1rem;
            span{
                display: inline-block;
                vertical-align: middle;
                font-size: 0.28rem;
                border-bottom: 2px solid $theme;
            }
        }
        ul{
            li{
                display: flex;
                padding: 0.15rem 0;
                height: 0.7rem;
                align-items: center;
                .name{
                    float: left;
                    flex: 1;
                    overflow: hidden;
                    display: flex;
                    align-items: center;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    margin-right: 0.1rem;
                    img{
                        width:  0.7rem;
                        height:  0.7rem;
                        display: block;
                        object-fit: cover;
                        overflow: hidden;
                        border-radius: 50%;
                    }
                    p{
                        flex: 1;
                        overflow: hidden;
                        padding-left: 0.1rem;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                }
                .btn{
                    min-width: 0.7rem;
                    padding: 0 0.15rem;
                    height: 0.5rem;
                    line-height: 0.5rem;
                    overflow: hidden;
                    border-radius: 0.05rem;
                    float: right;
                    display: block;
                    text-align: center;
                    background: $theme;
                    color: #fff;
                    cursor: pointer;
                }
                .on{
                    color: rgba(0, 0, 0, 0.8);
                    background: rgba(0, 0, 0, 0.1);
                }
            }
        }
    }
    .add_morelink{
        border-radius:0.2rem;
    }

}
// 我的消息
.usernews{
    .list{ 
        padding-top: 0.1rem;
        ul{
            li{
                display: flex;
                padding: 0.1rem 0;
                .img{
                    width: 0.6rem;
                    height:0.6rem;
                    display: block;
                    overflow: hidden;
                    border-radius: 50%;
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: $theme;
                    font-size: 0.2rem;
                    span{
                        color: #fff;
                    }
                }
                .infor{
                    flex: 1;
                    overflow: hidden;
                    padding: 0 0.2rem;
                    .name{
                        height: 0.3rem;
                        overflow: hidden;
                        white-space: 100%;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        font-size: 0.22rem;
                        font-weight: bold;
                        padding-bottom: 0.1rem;
                    }
                    p{
                        line-height: 0.3rem;
                        overflow: hidden;
                    }
                }
                .rit{
                    text-align: center;
                    .time{
                        opacity: 0.7;
                        line-height: 0.4rem;
                    }
                }
                .btn{
                    width: 0.8rem;
                    padding: 0 0.1rem;
                    height: 0.4rem;
                    line-height:  0.4rem;
                    overflow: hidden;
                    border-radius: 0.1rem;
                    display: block;
                    color: $theme;
                    cursor: pointer;
                    margin: 0 auto;
                    border:1px solid $theme;
                    margin-bottom: 0.1rem;
                }
                .on{
                    color: #7f7e7e;
                    background: rgba(0, 0, 0, 0.05);
                    border-color: rgba(0, 0, 0, 0.05);
                }
            }
        }
    }
    .pages .pagewrap{
        padding-top: 0px;
    }
}

/*事件脉络*/
.eventstepbt{
    padding: 0 0.3rem;
    .title{
        padding: 0;
        height: 0.6rem;
        line-height: 0.6rem;
        padding-top: 0.1rem;
    }
    .h1{
        font-size: 0.26rem;
        overflow: hidden;
        font-weight: bold;
        padding-bottom: 0.2rem;
    }
    .p{
        height: 0.34rem;
        line-height: 0.34rem;
        overflow: hidden;
        display: flex;
        .btn{
            width: 0.86rem;
            height: 0.34rem;
            line-height: 0.34rem;
            display: block;
            cursor: pointer;
            color: #fff;
            background: $theme;
            border-radius: 0.05rem;
            text-align: center;
        }
        .on{
            background: #dadada;
            color: #444;
        }
        span{
            flex: 1;
            overflow: hidden;
            padding-left: 0.1rem;
        }

    }
    .btn-lab{
        padding: 0.1rem 0;
        overflow: hidden;
        .btn{
            display: block;
            float: left;
            padding: 0 0.2rem;
            height: 0.48rem;
            line-height: 0.48rem;
            overflow: hidden;
            font-size: 0.23rem;
            background-color: #f5f4f4;
            border-radius: 0.1rem;
            margin: 0.1rem 0.3rem 0.1rem 0;
            &:hover{
                background: $themeopacity;
            }
        }
        .on{
            background: $theme;
            color: #fff;
            &:hover{
                background: $theme;
                color: #fff;
            }
        }
    }
    &+.eventstep{
        background: #fff ;
        padding: 0;
    }
}
.eventstep{
    background: #f8f8f8;
	border-radius: 0.05rem;
    padding: 0.1rem 0.2rem;
    margin: 0.1rem 0.3rem;
    &.bjfff{
        background: #fff;
    }
    .timeswitch{
        font-size: 0.28rem;
        color: #007bff;
        cursor: pointer;
        i{
            height:0.4rem;
            width:0.3rem; 
            background: url("../images/icosort.png") no-repeat center;
            display: inline-block;
            vertical-align: middle;
            background-size: 100% auto;
            margin: -0.03rem 0.1rem 0 0;
        }
    }
    .bt_{
        height: 0.6rem;
        line-height:0.6rem;
        overflow: hidden;
        font-size: 0.26rem;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    ul{
        margin: 0.1rem 0;
        border-left: 1px solid #ddd;
        li{
            position: relative;
            padding: 0.1rem 0.2rem;
            line-height: 0.4rem;
            &:first-child{
                &::before{
                    background:$theme;
                }
            }
            &::before{
                width: 0.1rem;
                height: 0.1rem;
                border-radius: 50%;
                display: block;
                position: absolute;
                left: -0.05rem;
                top: 50%;
                margin-top: 0.05rem;
                background: rgba(0,0,0,0.5);
                content: '';
            }
            .time{
                opacity: 0.7;
                font-size: 0.2rem;
            }
            span{
                height: 0.25rem;
                border-radius: 3px;
                border: solid 1px #f59a23;
                padding: 0 5px;
                font-size: 0.2rem;
                line-height: 0.25rem;
                color: #f59a23;
                margin: -0.04rem 0.05rem 0 0.05rem;
                display: inline-block;
                vertical-align: middle;
            }
            .new{
                border-color:#ff0000;
                color: #ff0000;
               
            }
            .star{
                color: #70b603;
                border-color:#70b603;
            }
            

        }
    }
    .more{
        text-align: center;
        line-height: 0.4rem;
        a{
            color: $theme;
        }
    }

}
.eventlist{
    .list{
        padding: 0.1rem 0.2rem;
        ul{
            li{
                float: left;
                width: 50%;
                position: relative;
                // padding: 10px 13px 10px 0;
                .lazy{
                    border-radius: 0.1rem;
                    overflow: hidden;
                    width: 3.23rem;
                    height: 1.8rem;
                    display: block;
                    position: relative;
                    margin: 0.1rem auto;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                    &:hover{
                        img{
                            transform: scale(1.1);
                        }
                        p{
                            text-decoration: underline;

                        }
                    }
                }
                .motai{
                    position: absolute;
                    padding: 0.1rem;
                    display: flex;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    background: rgba(0, 0, 0, 0.5);
                    color: #fff;
                    box-sizing: border-box;
                    justify-content: center;
                    align-items: center;
                    line-height: 0.4rem;
                    text-align: center;
                    p{
                        font-size: 0.26rem;
                    }
                }
                .num{
                    position: absolute;
                    right: 0;
                    top: 0;
                    color: #fff;
                    font-size: 0.2rem;
                    height: 0.4rem;
                    line-height: 0.4rem;
                    border-radius:0 0.05rem 0 0.05rem;
                    background: $theme;
                    padding: 0 0.1rem;
                }
                .num1{background: #d9001b;}
                .num2{background: #25b336;}
            }
        }
    }
}
/*脉络主持人弹出*/
.layer_eventhost{
    display: none;
   .eventhost{
    display: flex;
    padding: 0.2rem 0.1rem 0.2rem 0.2rem;
    width: 6.3rem;
    
    .lazy{
        width: 0.88rem;
        height: 0.88rem;
        border-radius: 50%;
        overflow: hidden;
        display: block;
    }
    .infor{
        flex: 1;
        overflow: hidden;
        padding-left: 0.2rem;
        .name{
            color: $theme;
            height: 0.3rem;
            line-height: 0.3rem;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 0.26rem;
            padding-bottom: 0.1rem;
            display: block;
        }
        p{
            @include multi-line-ellipsis(2,0.3rem);
            overflow: hidden;

        }
        .lab{
            padding: 0.1rem 0;
            .btn{
                border:1px solid $theme;
                color: $theme;
                padding: 0 0.15rem;
                height: 0.45rem;
                line-height: 0.45rem;
                border-radius: 0.1rem;
                display: inline-block;
                vertical-align: middle;
                margin: 0.1rem 0.1rem 0.1rem 0;
                font-size: 0.2rem;

            }
        }
        .play{
            padding-top: 0.1rem;
            display: inline-block;
            cursor: pointer;
            i{
                height:0.5rem;
                width:0.3rem;
                background: url("../images/icocola.png") no-repeat center;
                background-size: 100% auto;
                display: inline-block;
                vertical-align: middle;
                margin: -0.1rem 0.1rem 0 0;
            }
        }

    }
   }
}
.layereventwarp{
    border-radius: 10px !important;
    border:1px solid rgba(0, 0, 0, 0.1);
}
.layer_eventplay{
    text-align: center;
    padding: 0.2rem 0.3rem;
    font-size: 0.26rem;
    width: 5rem;
    border-radius: 0.05rem;
    line-height: 0.5rem;
    display: none;
    .img{
        width: 2rem;
        height: 2rem;
        display: block;
        margin: 0.2rem auto;
        img{
            width: 100%;
            height: 100%;
            display: block;
        }
    }
}
/*我的文章和关注*/
.mynews-follow{
    .list{
        ul{
            li{
                padding: 0.15rem 0;
                border-bottom: 1px solid rgba(0, 0, 0, 0.05);
                &:last-child{
                    border-bottom: none;
                    padding-bottom: 0px;
                }
                .bt_{
                    display: flex;
                    padding-bottom: 0.1rem;
                    .user_{
                        flex: 1;
                    }
                  }
                  .user_{
                    display: flex;
                    height: 0.7rem;
                    overflow: hidden;
                    align-items: center;
                    img{
                        width: 0.7rem;
                        height: 0.7rem;
                        display: block;
                        border-radius: 50%;
                    }
                    .infor{
                        flex: 1;
                        padding-left: 0.15rem;
                        overflow: hidden;
                        .name{
                            display: block;
                            height: 0.4rem;
                            line-height: 0.4rem;
                            overflow: hidden;
                            width: 100%;
                            color: #3e3e3e;
                            font-size: 0.26rem;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }
                        .time{
                            height: 0.3rem;
                            line-height: 0.3rem;
                            color: #777777;
                            font-size: 0.22rem;
                        }
    
                    }
                  }
                  .layui-nav{
                    float: right;
                    height: 0.3rem;
                    padding: 0;
                    background: none;
                    margin-top: 0.2rem;
                    &:hover{
                        .ico{   background-position: -3.17rem -0.53rem;}
                    }
                    .ico{
                        cursor: pointer;
                        height:0.2rem;width:0.15rem;
                        background-position: -3.16rem -0.96rem;
                        display: block;
                    }
                    .layui-nav-child{
                        left: initial;
                        right: 0px;
                        top: 0.4rem;
                        text-align: center;
                        overflow: hidden;
                        .on{
                            background: #e5f2ff;
                            color: $theme;
                        }
                    }
                }
                .item1{
                    display: flex;
                    align-items: center;
                    overflow: hidden;
                    padding: 0.1rem 0;
                    .lazy{
                        width: 1.33rem;
                        height: 1.9rem;
                        display: block;
                        border-radius: 0.1rem;
                        overflow: hidden;
                    }
                    .infor{
                        flex: 1;
                        overflow: hidden;
                        padding-left: 0.2rem;
                        .name{
                            height: 0.4rem;
                            line-height: 0.4rem;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            font-size: 0.26rem;
                            display: block;

                        }
                        p{
                            color: #222;
                            opacity: 0.8;
                            line-height: 0.4rem;
                            padding-top: 0.1rem;

                        }

                    }
                }
                .item2{
                    width: 6.18rem;
                    height: 3.1rem;
                    display: block;
                    overflow: hidden;
                    padding: 0.1rem 0;
                    .lazy{
                        width: 100%;
                        height: 100%;
                        display: block;
                        overflow: hidden;
                        border-radius: 0.1rem;
                        .motai{
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            display: flex;
                            overflow: hidden;
                            align-items: center;
                            justify-content:center;
                            color: #fff;
                            background: rgba(0, 0, 0, 0.5);
                            line-height: 0.5rem;
                            text-align: center;
                            box-sizing: border-box;
                            padding: 0.1rem;
                            p{
                                font-size: 0.28rem;
                            }
                        }

                    }
                }
                .item3{
                    display: flex;
                    padding: 0.1rem 0;
                    overflow: hidden;
                    align-items: center;
                    .lazy{
                        width: 1.5rem;
                        height: 0.7rem;
                        display: block;
                        overflow: hidden;
                        border-radius: 0.1rem;
                        .num{
                            position: absolute;
                            right: 0;
                            top: 0;
                            color: #fff;
                            font-size: 0.18rem;
                            height: 0.3rem;
                            line-height: 0.3rem;
                            border-radius:0 0.05rem 0 0.05rem;
                            background: $theme;
                            padding: 0 0.05rem;
                        }
                        .num1{background: #70b603;}
                        .num2{background: #d9001b;}
                    }
                    .infor{
                        flex: 1;
                        overflow: hidden;
                        padding-left: 0.2rem;
                        .name{
                            
                            @include multi-line-ellipsis(2,0.37rem);
                        }
                    }
                }
                .text{
                    color: rgba(0, 0, 0, 0.7);
                    line-height: 0.4rem;
                    height:  0.4rem;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

            }
        }
    }
    .add_morelink{
        border-radius: 0.3rem;
    }
}
.followuser{
    .title{
        height: 0.5rem;
        line-height: 0.5rem;
    }
    ul{
        padding: 0 0rem 0 0.28rem;
        li{
            float: left;
            padding: 0.2rem 0;
            margin-right: 0.2rem;
            .lazy{
                width: 0.6rem;
                height:  0.6rem;
                border-radius: 50%;
                overflow: hidden;
                display: block;
                text-align:center;
                line-height:  0.6rem;
                background: rgba(0, 0, 0, 0.5);
                color: #fff;
                font-size: 0.2rem;
            }
        }
    }
}
.contextdata{
    padding-bottom: 0.1rem;
    .title{
        height: 0.5rem;
        line-height: 0.5rem;
    }
    .box-p{
        padding: 0.1rem 0.3rem;
        line-height: 0.4rem;
        color: #000000;
        p{
            opacity: 0.8;
        }
        a{
            color: $theme;
            cursor: pointer;
            
        }
    }
}
.eventsubject{
    .title{
        height: 0.5rem;
        line-height: 0.5rem;
    }
    .list{
        padding: 0.1rem 0.3rem;
        li{
            display: flex;
            overflow: hidden;
            padding: 0.1rem 0;
            .lazy{
                width: 0.8rem;
                height: 0.8rem;
                border-radius: 0.05rem;
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: center;
                .tip{
                    width: 60%;
                    display: inline;
                }
            }
            .infor{
                flex: 1;
                padding-left: 0.2rem;
                .name{
                    display: block;
                    height: 0.4rem;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    font-size: 0.26rem;

                }
                .tab_btn{
                    overflow: hidden;
                    padding-top: 0.1rem;
                    .btn{
                        height: 0.3rem;
                        line-height: 0.3rem;
                        overflow: hidden;
                        display: block;
                        float: left;
                        background: rgba(0, 0, 0, 0.05);
                        padding: 0 0.1rem;
                        font-size: 0.2rem;
                        border-radius: 0.05rem;
                        margin-right: 0.2rem;
                    }
                }
            }

        }
    }
}